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 相关文章推荐
JavaScript中实现sprintf、printf函数
Jan 27 Javascript
Highcharts学习之数据列
Aug 03 Javascript
全面解析node 表单的图片上传
Nov 21 Javascript
JavaScript 完成注册页面表单校验的实例
Aug 19 Javascript
从源码看angular/material2 中 dialog模块的实现方法
Oct 18 Javascript
react-native封装插件swiper的使用方法
Mar 20 Javascript
vue 实现axios拦截、页面跳转和token 验证
Jul 17 Javascript
layui form表单提交之后重新加载数据表格的方法
Sep 11 Javascript
Webpack按需加载打包chunk命名的方法
Sep 22 Javascript
解决ele ui 表格表头太长问题的实现
Nov 13 Javascript
ckeditor一键排版功能实现方法分析
Feb 06 Javascript
Webpack的Loader和Plugin的区别
Nov 09 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
构建简单的Webmail系统
2006/10/09 PHP
PHP 第二节 数据类型之字符串类型
2012/04/28 PHP
php从文件夹随机读取文件的方法
2015/06/01 PHP
PHP魔术方法之__call与__callStatic使用方法
2017/07/23 PHP
cookie的复制与使用记住用户名实现代码
2013/11/04 Javascript
JavaScript实现DIV层拖动及动态增加新层的方法
2015/05/12 Javascript
js实现类似MSN提示的页面效果代码分享
2015/08/24 Javascript
学习JavaScript设计模式之享元模式
2016/01/18 Javascript
浅谈jQuery绑定事件会叠加的解决方法和心得总结
2016/10/26 Javascript
jQuery输入框密码的显示隐藏【代码分享】
2017/04/29 jQuery
SpringMVC+bootstrap table实例详解
2017/06/02 Javascript
vue axios用法教程详解
2017/07/23 Javascript
用Vue写一个分页器的示例代码
2018/04/22 Javascript
微信小程序数据分析之自定义分析的实现
2018/08/17 Javascript
全面了解JavaScript的作用域链
2019/04/03 Javascript
微信小程序如何实现精确的日期时间选择器
2020/01/21 Javascript
webpack3.0升级4.0的方法步骤
2020/04/02 Javascript
vue实现一个6个输入框的验证码输入组件功能的实例代码
2020/06/29 Javascript
浅析微信小程序自定义日历组件及flex布局最后一行对齐问题
2020/10/29 Javascript
[10:04]国际邀请赛采访专栏:DK.Farseer,mouz.Black^,采访员Josh专访
2013/08/05 DOTA
[33:39]DOTA2上海特级锦标赛C组小组赛#2 LGD VS Newbee第二局
2016/02/27 DOTA
python连接mysql调用存储过程示例
2014/03/05 Python
在Python的setuptools框架下生成egg的教程
2015/04/13 Python
使用Pyinstaller转换.py文件为.exe可执行程序过程详解
2019/08/06 Python
Django中密码的加密、验密、解密操作
2019/12/19 Python
python3注册全局热键的实现
2020/03/22 Python
日本最大美瞳直送网:Morecontact(中文)
2019/04/03 全球购物
德国珠宝和配件商店:Styleserver
2021/02/23 全球购物
法学研究生自我鉴定范文
2013/12/04 职场文书
摄影专业毕业生求职信
2014/03/13 职场文书
关于运动会的口号
2014/06/07 职场文书
销售队伍口号
2014/06/11 职场文书
口才训练演讲稿范文
2014/09/16 职场文书
学生会招新宣传语
2015/07/13 职场文书
2016年党员读书月活动总结
2016/04/06 职场文书
JS新手入门数组处理的实用方法汇总
2021/04/07 Javascript