0) {//元素存在时执行的代码 } 具体原因如下:在Java"/>

广州明生医药有限公司


jQuery 检查某个元素在页面上是否存在实例代码

网络编程 jQuery 检查某个元素在页面上是否存在实例代码 06-22

最近做项目,有这么个功能用jQuery检查某个元素在网页上是否存在,这里记录下,也许能帮助正在读文章的朋友。

 用jQuery检查某个元素在网页上是否存在时,应该根据获取元素的长度来判断,代码如下:

if($("#tt").length > 0) {
  //元素存在时执行的代码
}  

具体原因如下:

在JavaScript中,我们在使用传统的getElementById()和getElementsByTagName()时,如果在网页中找不到相关元素,那么浏览器就会报错,影响后续代码的执行,所以为了避免浏览器报错,可以对元素进行判断,例如:

if(document.getElementById("tt")) {//js判断元素是否存在
  document.getElementById("tt").style.color = "red";
}

  如果要操作的元素很多,就需要大量重复的工作,这往往让人厌倦。而jQuery的一大优势就是它完善的处理机制,即使用jQuery获取网页中不存在的元素也不会报错。这是因为$("#tt")获取的永远是对象,即使网页上没有此元素。因此当要用jQuery检查某个元素在网页上是否存在时,不能使用以下代码:

if($("#tt")) {
  //永远执行,不管元素是否存在
}

  这就是为什么要根据元素的长度来判断元素在页面中是否存在的原因。

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

js 实现一些跨浏览器的事件方法详解及实例
js实现一些跨浏览器的事件方法用JavaScript实现事件的绑定,移除,以及一些常用的事件属性的获取,时常要考虑到在不同浏览器下的兼容性,下面给出

浅谈jQuery中的eq()与DOM中element.[]的区别
如下所示:!DOCTYPEhtmlhtmllang="en"headmetacharset="UTF-8"titleTitle/title/headbodyaclass="a"#1/aaclass="a"#2/aaclass="a"#3/ascriptsrc="js/jq.js"/scriptscriptvara=$('.a');varb=$('.a').eq(1);varc=

扩展jquery easyui tree的搜索树节点方法(推荐)
如下所示:/***1)扩展jqueryeasyuitree的节点检索方法。使用方法如下:*$("#treeId").tree("search",searchText);*其中,treeId为easyuitree的根UL元素的ID,searchText为检索


编辑:广州明生医药有限公司

标签:元素,是否存在,网页,浏览器,报错