在传统的 JavaScript 里, 当我们对某个页面元素进行某种操作前, 最好先判断这个元素是否存在. 原因是对一个不存在的元素进行操作是不允许的.
jQuery 使用 $(selector) 方法查找 dom 元素, 返回的是一个 jQuery 对象, 具有 length 属性. length 即找到的 dom 元素个数, 只需判断 length> 0 即可.
- if ( $("#someID").length> 0 ) {
- alert('此元素存在')
- }
- (相关课程推荐: jQuery 教程 https://www.html.cn/jskuangjia/jquery/ )
注意 : 判断某个页面元素存在与否在 jQuery 实际上是没有必要的, jQuery 本身会忽略 对一个不存在的元素进行操作, 并且不会报错.
下面再看看原生 JS 的写法:
- let obj = document.getElementById("someID");
- if (obj){
- alert('存在')
- }
注意: 如果调用 obj.style.color = red; 等操作 dom 的方法, 如果 dom 不存在则会报错.
本文来自 jQuery 答疑 https://www.html.cn/qa/jquery/ 栏目, 欢迎学习!
来源: http://www.css88.com/qa/jquery/15360.html