JQuery判断HTML元素是否存在的两种解决方法


Posted in Javascript onDecember 26, 2013

在工作中遇到这么一种情况,页面部分HTML元素是通过服务端语言根据不同情况控制显示不同内容的,然而在同一个页面某些情况在DOM准备好后需要用到Ajax跟服务端通讯,而有些情况不需要,那么我只想在页面存在我指定的HTML标记的时候我才触发Ajax部分,毕竟这样可以减轻服务器的负担,废话一大堆,转入正题:

其实解决JQuery判断元素是否存在的问题,方法很简单:

if($("#abc").length >0) { ... }

if($("#abc").html() != "") { ... }

如上两种方式都可以判断html文档是否存在我们想要的元素,之前试过用$("#abc") != null / !$("#abc") / $.find("#abc") ..... 结果不行,因为无论元素是否存在都会返回Object的,那我暂时就用上面两种方法之一解决了问题,具体有没有更好的办法,有待发掘……

Javascript 相关文章推荐
img标签中onerror用法
Aug 13 Javascript
JQuery操作表格(隔行着色,高亮显示,筛选数据)
Feb 23 Javascript
Lazy Load 延迟加载图片的jQuery插件中文使用文档
Oct 18 Javascript
JQuery fileupload插件实现文件上传功能
Mar 18 Javascript
深入分析javascript中console命令
Aug 14 Javascript
JavaScript判断浏览器对CSS3属性是否支持的多种方法
Nov 13 Javascript
JavaScript基于Dom操作实现查找、修改HTML元素的内容及属性的方法
Jan 20 Javascript
jQuery插件HighCharts绘制2D带Label的折线图效果示例【附demo源码下载】
Mar 08 Javascript
详解打造 Vue.js 可复用组件
Mar 24 Javascript
JS简单验证上传文件类型的方法
Apr 17 Javascript
vue.js表单验证插件(vee-validate)的使用教程详解
May 23 Javascript
在 Vue 应用中使用 Netlify 表单功能的方法详解
Jun 03 Javascript
JS 仿腾讯发表微博的效果代码
Dec 25 #Javascript
javascript使用定时函数实现跳转到某个页面
Dec 25 #Javascript
JS不间断向上滚动效果代码
Dec 25 #Javascript
js中同步与异步处理的方法和区别总结
Dec 25 #Javascript
在javascript中实现函数数组的方法
Dec 25 #Javascript
js 时间格式与时间戳的相互转换示例代码
Dec 25 #Javascript
js中for in的用法示例解析
Dec 25 #Javascript
You might like
加强版phplib的DB类
2008/03/31 PHP
php中一个有意思的日期逻辑处理
2012/03/25 PHP
一个简单的PHP验证码实现代码
2014/05/10 PHP
JavaScript学习点滴 call、apply的区别
2010/10/22 Javascript
变量声明时命名与变量作为对象属性时命名的区别解析
2013/12/06 Javascript
JS实现鼠标经过好友列表中的好友头像时显示资料卡的效果
2014/07/02 Javascript
jQuery取得设置清空select选择的文本与值
2014/07/08 Javascript
JS实现OCX控件的事件响应示例
2014/09/17 Javascript
Javascript将数值转换为金额格式(分隔千分位和自动增加小数点)
2016/06/22 Javascript
Three.js学习之Lamber材质和Phong材质
2016/08/04 Javascript
jquery  实现轮播图详解及实例代码
2016/10/12 Javascript
js获取json中key所对应的value值的简单方法
2020/06/17 Javascript
Angular中使用$watch监听object属性值的变化(详解)
2017/04/24 Javascript
Vue2.0利用vue-resource上传文件到七牛的实例代码
2017/07/28 Javascript
JS非行间样式获取函数的实例代码
2018/06/05 Javascript
解决Vue2.0中使用less给元素添加背景图片出现的问题
2018/09/03 Javascript
Vue 动态组件components和v-once指令的实现
2019/08/30 Javascript
JavaScript中layim之整合右键菜单的示例代码
2021/02/06 Javascript
Django 表单模型选择框如何使用分组
2019/05/16 Python
关于不懂Chromedriver如何配置环境变量问题解决方法
2019/06/12 Python
Django Aggregation聚合使用方法解析
2019/08/01 Python
python ubplot使用方法解析
2020/01/10 Python
Python如何省略括号方法详解
2020/03/21 Python
python基于pexpect库自动获取日志信息
2021/02/01 Python
python实现经典排序算法的示例代码
2021/02/07 Python
通过一张图教会你CSS3倒影的实现
2017/09/26 HTML / CSS
美国隐形眼镜网:Major Lens
2018/02/09 全球购物
同步和异步有何异同,在什么情况下分别使用他们?
2012/12/28 面试题
中专毕业生求职简历的自我评价
2013/10/21 职场文书
计算机专业学生的自我评价
2013/12/15 职场文书
消防工作实施方案
2014/06/09 职场文书
2014国庆黄金周超市促销活动方案
2014/09/21 职场文书
老公写给老婆的检讨书
2015/05/06 职场文书
会议室管理制度范本
2015/08/06 职场文书
Nginx的反向代理实例详解
2021/03/31 Servers
CSS link与@import的区别和用法解析
2023/05/07 HTML / CSS