189 8069 5689
jquery判断页面中是否存在某元素，有一个思路是这样的：
创新互联公司作为成都网站建设公司，专注网站建设、网站设计，有关成都企业网站建设方案、改版、费用等问题，行业涉及小搅拌车等多个领域，已为上千家企业服务，得到了客户的尊重与认可。
比如：我们要判断页面中是否存在div元素，那么我们可以这样写：
script
if($('div').length0) {
alert('页面中存在div元素');
} else {
alert('页面中不存在div元素');
}
/script
上述代码思路说明 ： 判断某一个元素的集合的个数。若是为0，则代表没有这样元素；若是大于0，则代表有这个元素。
jquery加载页面的方法，即：页面加载完成就执行，有如下几种：
1、jQuery的$(document).ready
$(document).ready(function(){
$("#a").click(function(){
//adding your code here
});
});
就仅仅只需要加载所有的DOM结构，在浏览器把所有的HTML放入DOM tree之前就执行js效果。包括在加载外部图片和资源之前。
2、ready事件的简写方法
$(function(){
$("#a").click(function(){
//adding your code here
});
});
此方法就仅仅只需要加载所有的DOM结构，在浏览器把所有的HTML放入DOM tree之前就执行js效果。包括在加载外部图片和资源之前，是ready的简写方式
3、window的onload事件
window.onload = function(){
$("#a").click(function(){
//adding your code here
});
}
这段代码会在整个页面的document全部加载完成以后执行。这种方式不仅要求页面的DOM tree全部加载完成，而且要求所有的外部图片和资源全部加载完成。如果外部资源，例如图片需要很长时间来加载，那么这个js效果就会让用户感觉失效了。
方法一：（jQuery方法： 适用所有浏览器）
HTML页面：
!DOCTYPE html
html
head lang="en"
meta charset="UTF-8"
title/title
script type="text/javascript" src="js/jquery-1.7.1.min.js"/script
/head
body
a href=""【jquery检测链接有效性】/a
a href=""【jquery检测链接有效性2】/a
//script type="text/javascript" src="js/base.js"/script
/body
/html
JS页面：
//判断地址有效性$("body a").each(function(){
$(this).click(function(){
$.ajax({
url: $(this).attr("href"),
type: 'GET',
complete: function(response){
if(response.status == 404){
location.href="";
alert('无效');
}else{
alert('有效');
}
}
});
});
});
方法二：（AJAX XMLHTTP方法： 使用ActiveXObject，所以仅支持IE，非IE内核浏览器不可用。）
script type="text/javascript"
function chkurl(url) {
var xmlhttp = new ActiveXObject( "Microsoft.XMLHTTP");
xmlhttp.open("GET",url,false);
xmlhttp.send();
if(xmlhttp.readyState==4){
if(xmlhttp.Status != 200) alert("不存在")
else alert("存在")
}
}
/script
a href="" onclick="javascript:return chkurl(this.href);"【ajax检测链接有效性】/a
JS判断方法：
if(document.getElementById("XXX")){
console.log("存在")
}
Jquery判断方法：
if ( $(".class").length 0 ){
console.log("存在")
}
或者
if($("document").hasClass('class')){
console.log("存在")
}