扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
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("存在")
}
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流