jQuery 检查某个元素在页面上是否存在实例代码
更新时间：2016年10月27日 16:01:35 投稿：lqh
这篇文章主要介绍了jQuery 检查某个元素在页面上是否存在实例代码的相关资料,需要的朋友可以参考下
最近做项目，有这么个功能用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")) {
//永远执行，不管元素是否存在
}
这就是为什么要根据元素的长度来判断元素在页面中是否存在的原因。
感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
相关文章
jQuery调用WebService的实现代码,需要的朋友可以参考下。2011-06-06
Jquery Uploadify多文件上传带进度条且传递自己的参数
Jquery Uploadify多文件上传带进度条且传递自己的参数，具体实现如下，需要的朋友可以学习下2013-08-08
这篇文章主要介绍了JS/JQuery显示或隐藏文本方法,需要的朋友可以参考下2014-02-02
jQuery.Form实现Ajax上传文件同时设置headers的方法
这篇文章主要介绍了jQuery.Form实现Ajax上传文件同时设置headers的方法，非常不错，具有参考借鉴价值,需要的朋友可以参考下2017-06-06
下面小编就为大家带来一篇jquery层级选择器的实现(匹配后代元素div)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
基于jquery的弹出提示框始终处于窗口的居中位置（类似于alert弹出框的效果）
之前写的代码，都是在当前窗口位于居中，可是一旦窗口缩小或者放大都不是位于居中的位置了，但是一直想写的一个类似于alert弹出窗口的效果。2011-09-09
本篇文章主要介绍了jQuery实用密码强度检测，这是一个非常常见的功能，可以验证密码的强度，本文使用jQuery来实现，有需要的小伙伴可以参考下。2017-03-03
这篇文章主要介绍了jQuery滚动加载图片实现原理，通过四个方面来说明懒加载技术的原理，感兴趣的小伙伴们可以参考一下2015-12-12
本篇文章主要是对JSON对象与字符串之间的相互转换进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
JQuery+Bootstrap 自定义全屏Loading插件的示例demo
这篇文章主要介绍了JQuery+Bootstrap 自定义全屏Loading插件，本文通过示例代码给大家介绍的非常详细，具有一定的参考借鉴价值 ,需要的朋友可以参考下2019-07-07
最新评论