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 相关文章推荐
浅析JQuery获取和设置Select选项的常用方法总结
Jul 04 Javascript
基于jQuery创建鼠标悬停效果的方法
Mar 07 Javascript
使用getBoundingClientRect方法实现简洁的sticky组件的方法
Mar 22 Javascript
jQuery实现的可编辑表格完整实例
Jun 20 Javascript
JS从数组中随机取出几个数组元素的方法
Aug 02 Javascript
谈谈target=_new和_blank的不同之处
Oct 25 Javascript
详解AngularJS通过ocLazyLoad实现动态(懒)加载模块和依赖
Mar 01 Javascript
性能优化之代码优化页面加载速度
Mar 01 Javascript
JavaScript装饰器函数(Decorator)实例详解
Mar 30 Javascript
如何解决日期函数new Date()浏览器兼容性问题
Sep 11 Javascript
基于js实现抽红包并分配代码实例
Sep 19 Javascript
vue.js Router中嵌套路由的实用示例
Jun 27 Vue.js
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
使用 PHPStorm 开发 Laravel
2015/03/24 PHP
Laravel4中的Validator验证扩展用法详解
2016/07/26 PHP
PHP中SESSION过期设置
2021/03/09 PHP
被jQuery折腾得半死,揭秘为何jQuery为何在IE/Firefox下均无法使用
2010/01/22 Javascript
JS 无限级 Select效果实现代码(json格式)
2011/08/30 Javascript
js用Date对象处理时间实现思路及代码
2013/01/31 Javascript
jQuery事件绑定.on()简要概述及应用
2013/02/07 Javascript
js星星评分效果
2014/07/24 Javascript
Javascript中call与apply的学习笔记
2014/09/22 Javascript
node.js中的fs.utimesSync方法使用说明
2014/12/15 Javascript
js给网页加上背景音乐及选择音效的方法
2015/03/03 Javascript
HTML+CSS+JS实现完美兼容各大浏览器的TABLE固定列
2015/04/26 Javascript
基于jquery实现瀑布流布局
2020/06/28 Javascript
JS中用childNodes获取子元素换行会产生一个子元素
2016/12/08 Javascript
jQuery时间验证和转换为标准格式的时间格式
2017/03/06 Javascript
vue中用动态组件实现选项卡切换效果
2017/03/25 Javascript
Vue 实现登录界面验证码功能
2020/01/03 Javascript
Vue Render函数原理及代码实例解析
2020/07/30 Javascript
Django中实现一个高性能计数器(Counter)实例
2014/07/09 Python
Windows下python2.7.8安装图文教程
2016/05/26 Python
Python实现点阵字体读取与转换的方法
2019/01/29 Python
python实现五子棋小程序
2019/06/18 Python
python 根据字典的键值进行排序的方法
2019/07/24 Python
python DataFrame转dict字典过程详解
2019/12/26 Python
pytorch实现对输入超过三通道的数据进行训练
2020/01/15 Python
tensorflow 自定义损失函数示例代码
2020/02/05 Python
pyspark 随机森林的实现
2020/04/24 Python
会走动的图形html5时钟示例
2014/04/27 HTML / CSS
英国羊皮鞋类领先品牌:Just Sheepskin
2019/12/12 全球购物
公司司机岗位职责
2014/02/07 职场文书
初中班主任寄语
2014/04/04 职场文书
入党群众意见范文
2015/06/02 职场文书
生死抉择观后感
2015/06/09 职场文书
2016年119消防宣传日活动总结
2016/04/05 职场文书
防止web项目中的SQL注入
2021/12/06 MySQL
SQL Server 中的事务介绍
2022/05/20 SQL Server