十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
用jQuery检查某个元素在网页上是否存在时,应该根据获取元素的长度来判断,代码如下:
创新互联主要从事成都做网站、网站制作、网页设计、企业做网站、公司建网站等业务。立足成都服务高密,十多年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18980820575
if($("#tt").length 0) {
//元素存在时执行的代码
}
具体原因如下:
在JavaScript中,我们在使用传统的getElementById()和getElementsByTagName()时,如果在网页中找不到相
关元素,那么浏览器就会报错,影响后续代码的执行,所以为了避免浏览器报错,可以对元素进行判断,例如:
if(document.getElementById("tt")) {//js判断元素是否存在
document.getElementById("tt").style.color = "red";
}
如果要操作的元素很多,就需要大量重复的工作,这往往让人厌倦。而jQuery的一大优势就是它完善的处理机制,即使用jQuery获取网页中
不存在的元素也不会报错。这是因为$("#tt")获取的永远是对象,即使网页上没有此元素。因此当要用jQuery检查某个元素在网页上是否存在时,不能使用以下代码:
if($("#tt")) {
//永远执行,不管元素是否存在
}
这就是为什么要根据元素的长度来判断元素在页面中是否存在的原因。
这个可以有多种方法,如下:
1.判断子元素是否存在
//一级子元素
if ($( "#specialId:has(img)" ).length==0){
//没有img子元素
}else{
//有img子标记
}
2.选择特定id元素下的特定id子元素
$("#form" ).children( "#t" )
3.选择特定id元素下的子元素
$("ul#uli:nth-child(2)" )
因此在用js对某个元素的属性进行操作时,应先判断元素是否存在。 注意如下几种判断方法,根据实际情况选择使用: 1. 判断表单元素是否存在(一) if ( periodPerMonth in document.theForm ){ return true;else return false;} 2. 判断页面元素是否存在 if (document.getElementById(XXX)){//存在} 3. 判断表单元素是否存在(二) if (document.theForm.periodPerMonth){//存在}或 if(typeof(document.theForm.periodPerMonth)==object){//存在} 4. 判断表单是否存在 if (document.theForm){//存在}5.用Jquery写脚本
jquery判断页面中是否存在某元素,有一个思路是这样的:
比如:我们要判断页面中是否存在div元素,那么我们可以这样写:
script
if($('div').length0) {
alert('页面中存在div元素');
} else {
alert('页面中不存在div元素');
}
/script
上述代码思路说明 : 判断某一个元素的集合的个数。若是为0,则代表没有这样元素;若是大于0,则代表有这个元素。
纯手打,望采纳。
在传统的Javascript里,当我们对某个页面元素进行某种操作前,最好先判断这个元素是否存在。原因是对一个不存在的元素进行操作是不允许的。例如:
document.getElementById("someID").innerText("hi");
如果ID为"someID"的元素不存在,我们将得到Javascript运行错误:document.getElementById("someID") is null
正确的写法应该是:
obj = document.getElementById("someID");
if (obj){
obj.innerText("hi");
}
那么在jQuery,我们如何判断页面元素存在与否呢?如果参照上面的传统Javascript的写法,我们第一个想到的办法一定是:
if ($("#someID")){
$("#someID").text("hi");
}
可是这么写是不对的!因为jQuery对象永远都有返回值,所以$("someID")总是TRUE,IF语句没有起到任何判断作用。正确的写法应该是:
if ( $("#someID").length 0 ) {
$("#someID").text("hi");
}
注意:判断某个页面元素存在与否在jQuery实际上是没有必要的,jQuery本身会忽略对一个不存在的元素进行操作,并且不会报错。