Jquery下判断Id是否存在的代码


Posted in Javascript onJanuary 06, 2011

一、判断对象对象是否存在

如果是下面的 jQuery 代码判断一个对象是否存在,是不能用的

if($("#id")){
}else{}

因为 $(“#id”) 不管对象是否存在都会返回 object 。

正确使用判断对象是否存在应该用:

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

使用 jQuery 对象的属性 length 来判断,如果 > 0 就存在。

或者
if($("#id")[0]){} else {}

或者直接使用原生的 Javascript 代码来判断:

if(document.getElementById("id")){} else {}

二、根据父节点查找子节点

jQuery之children()返回匹配对象的字节点
children() 返回匹配对象的子介点
<p>one</p>
<div id=”ch”>
<span>two</span>
</div>
jQuery代码及功能:
function jq(){
alert($(“#ch”).children().html());
}
$(“#ch”).children()得到对象[ <span>two</span> ].所以.html()的结果是”two”

三、根据子节点查找父节点

<div id=”ch”>
<span>two</span>
<span id=”sp”>three</span>
</div>

jQuery代码及功能
Jquery.ready ({
alert($(“#ch”).children(“#sp”).html());
});
$(“#ch”).children()得到对象[<span>two</span><span id="sp">three</span> ].
$(“#ch”).children(“#sp”)过滤得到[<span id="sp">three</span> ]

Javascript 相关文章推荐
不用锚点也可以平滑滚动到页面的指定位置实现代码
May 08 Javascript
JS中数组Array的用法示例介绍
Feb 20 Javascript
从零学jquery之如何使用回调函数
May 16 Javascript
小议JavaScript中Generator和Iterator的使用
Jul 29 Javascript
AngularJS 日期格式化详解
Dec 23 Javascript
JS深度拷贝Object Array实例分析
Mar 31 Javascript
jQuery联动日历的实例解析
Dec 02 Javascript
微信小程序中实现一对多发消息详解及实例代码
Feb 14 Javascript
Vue脚手架的简单使用实例
Jul 10 Javascript
微信小程序实现提交input信息到后台的方法示例
Jan 19 Javascript
24行JavaScript代码实现Redux的方法实例
Nov 17 Javascript
npx create-react-app xxx创建项目报错的解决办法
Feb 17 Javascript
jquery关于图形报表的运用实现代码
Jan 06 #Javascript
基于Jquery的简单图片切换效果
Jan 06 #Javascript
基于jquery的分页控件(C#)
Jan 06 #Javascript
用jquery实现的模拟QQ邮箱里的收件人选取及其他效果(一)
Jan 06 #Javascript
jQuery1.3.2 升级到jQuery1.4.4需要修改的地方
Jan 06 #Javascript
基于jQuery的试卷自动排版系统实现代码
Jan 06 #Javascript
ASP中Sub和Function的区别说明
Aug 30 #Javascript
You might like
PHP如何透过ODBC来存取数据库
2006/10/09 PHP
PHP的explode和implode的使用说明
2011/07/17 PHP
fgetcvs在linux的问题
2012/01/15 PHP
PHP5.3连接Oracle客户端及PDO_OCI模块的安装方法
2016/05/13 PHP
php进行ip地址掩码运算处理的方法
2016/07/11 PHP
javascript获取设置div的高度和宽度兼容任何浏览器
2013/09/22 Javascript
Jquery Post处理后不进入回调的原因及解决方法
2014/07/15 Javascript
jQuery 1.9移除了$.browser可以使用$.support来替代
2014/09/03 Javascript
JavaScript中Number.MIN_VALUE属性的使用示例
2015/06/04 Javascript
JavaScript数组各种常见用法实例分析
2015/08/04 Javascript
详解JavaScript的表达式与运算符
2015/11/30 Javascript
js多个物体运动功能实例分析
2016/12/20 Javascript
详解Angular中的自定义服务Service、Provider以及Factory
2017/04/22 Javascript
AngularJS路由删除#符号解决的办法
2017/09/28 Javascript
vue中实现在外部调用methods的方法(推荐)
2018/02/08 Javascript
JavaScript常见事件处理程序实例总结
2019/01/05 Javascript
15个简单的JS编码标准让你的代码更整洁(小结)
2020/07/16 Javascript
vue3 watch和watchEffect的使用以及有哪些区别
2021/01/26 Vue.js
Python编程实现粒子群算法(PSO)详解
2017/11/13 Python
python脚本生成caffe train_list.txt的方法
2018/04/27 Python
python不相等的两个字符串的 if 条件判断为True详解
2020/03/12 Python
解决Python发送Http请求时,中文乱码的问题
2020/04/30 Python
基于python实现检索标记敏感词并输出
2020/05/07 Python
Django REST 异常处理详解
2020/07/15 Python
安装pyinstaller遇到的各种问题(小结)
2020/11/20 Python
pandas统计重复值次数的方法实现
2021/02/20 Python
国际性能运动服装品牌:Dare 2b
2018/07/27 全球购物
Nebula美国官网:便携式投影仪
2019/03/15 全球购物
android面试问题与答案
2016/12/27 面试题
预备党员转正考核材料
2014/06/03 职场文书
校本教研活动总结
2014/07/01 职场文书
社区志愿者活动方案
2014/08/18 职场文书
2015圣诞节贺卡寄语
2015/03/24 职场文书
2015年计算机教学工作总结
2015/07/22 职场文书
2016年元旦致辞
2015/08/01 职场文书
《大禹治水》教学反思
2016/02/22 职场文书