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


Posted in Javascript onOctober 27, 2016

    最近做项目,有这么个功能用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")) {
  //永远执行,不管元素是否存在
}

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

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

Javascript 相关文章推荐
JQuery打造PHP的AJAX表单提交实例
Nov 03 Javascript
js螺旋动画效果的具体实例
Nov 15 Javascript
Jquery性能优化详解
May 15 Javascript
Javascript解析URL方法详解
Dec 05 Javascript
使用JavaScript的AngularJS库编写hello world的方法
Jun 23 Javascript
Bootstrap每天必学之标签与徽章
Nov 27 Javascript
在JS中a标签加入单击事件屏蔽href跳转页面
Dec 16 Javascript
简单实现bootstrap导航效果
Feb 07 Javascript
微信小程序之数据双向绑定与数据操作
May 12 Javascript
vue实现购物车抛物线小球动画效果的方法详解
Feb 13 Javascript
详解js创建对象的几种方式和对象方法
Mar 01 Javascript
JavaScript流程控制(分支)
Dec 06 Javascript
基于JS快速实现导航下拉菜单动画效果附源码下载
Oct 27 #Javascript
简单理解vue中el、template、replace元素
Oct 27 #Javascript
深入理解JavaScript定时机制
Oct 27 #Javascript
解析javascript图片懒加载与预加载的分析总结
Oct 27 #Javascript
js实现加载更多功能实例
Oct 27 #Javascript
Vue.js一个文件对应一个组件实践
Oct 27 #Javascript
JavaScript实现类似拉勾网的鼠标移入移出效果
Oct 27 #Javascript
You might like
全国FM电台频率大全 - 1 北京市
2020/03/11 无线电
PHP5中新增stdClass 内部保留类
2011/06/13 PHP
PHP5.4中json_encode中文转码的变化小结
2013/01/30 PHP
PHP中如何实现常用邮箱的基本判断
2014/01/07 PHP
PHP函数strip_tags的一个bug浅析
2014/05/22 PHP
php防止网站被刷新的方法汇总
2014/12/01 PHP
php单文件版在线代码编辑器
2015/03/12 PHP
php通过exif_read_data函数获取图片的exif信息
2015/05/21 PHP
搜索附近的人PHP实现代码
2018/02/11 PHP
Avengerls vs Newbee BO3 第三场2.18
2021/03/10 DOTA
jQuery 数据缓存模块进化史详细介绍
2012/11/19 Javascript
JS求平均值的小例子
2013/11/29 Javascript
web前端设计师们常用的jQuery特效插件汇总
2014/12/07 Javascript
jQuery中addClass()方法用法实例
2015/01/05 Javascript
js关于命名空间的函数实例
2015/02/05 Javascript
jQuery+PHP实现动态数字展示特效
2015/03/14 Javascript
DEDECMS如何为文章添加HOT NEW标志图片
2015/08/14 Javascript
跟我学习javascript解决异步编程异常方案
2015/11/23 Javascript
理解JS事件循环
2016/01/07 Javascript
bootstrap laydate日期组件使用详解
2017/01/04 Javascript
canvas实现十二星座星空图
2017/02/14 Javascript
ajax接收后台数据在html页面显示
2017/02/19 Javascript
Vue.js样式动态绑定实现小结
2019/01/24 Javascript
JS桶排序的简单理解与实现方法示例
2019/11/25 Javascript
[02:32]DOTA2完美大师赛场馆静安体育中心观赛全攻略
2017/11/08 DOTA
Python FTP操作类代码分享
2014/05/13 Python
Scrapy使用的基本流程与实例讲解
2018/10/21 Python
Python3中lambda表达式与函数式编程讲解
2019/01/14 Python
python3.6+django2.0+mysql搭建网站过程详解
2019/07/24 Python
Python Process多进程实现过程
2019/10/22 Python
浅谈TensorFlow之稀疏张量表示
2020/06/30 Python
应届毕业生求职信范文分享
2013/12/26 职场文书
领导个人查摆剖析材料
2014/10/29 职场文书
学生喝酒检讨书500字
2014/11/02 职场文书
意外事故赔偿协议书
2016/03/22 职场文书
Python下opencv使用hough变换检测直线与圆
2021/06/18 Python