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中:表达式和语句的区别[译]
Sep 17 Javascript
jQuery实现鼠标移到元素上动态提示消息框效果
Oct 20 Javascript
使用JavaScript判断图片是否加载完成的三种实现方式
May 04 Javascript
js类定义函数时用prototype与不用的区别示例介绍
Jun 10 Javascript
浅谈JSON中stringify 函数、toJosn函数和parse函数
Jan 26 Javascript
Vue实现购物车功能
Apr 27 Javascript
JavaScript中document.referrer的用法详解
Jul 04 Javascript
微信小程序实现弹出层效果
May 26 Javascript
vue组件开发之tab切换组件使用详解
Aug 21 Javascript
vue实现移动端返回顶部
Oct 12 Javascript
vue使用echarts图表自适应的几种解决方案
Dec 04 Vue.js
详解vite+ts快速搭建vue3项目以及介绍相关特性
Feb 25 Vue.js
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 json格式和js json格式 js跨域调用实现代码
2012/09/08 PHP
php获取本周开始日期和结束日期的方法
2015/03/09 PHP
WordPress中登陆后关闭登陆页面及设置用户不可见栏目
2015/12/31 PHP
PHP网站自动化配置的实现方法(必看)
2017/05/27 PHP
浅谈PHP array_search 和 in_array 函数效率问题
2019/10/15 PHP
jquery下为Event handler传递动态参数的代码
2011/01/06 Javascript
jquery连缀语法如何实现
2012/11/29 Javascript
基于jquery的has()方法以及与find()方法以及filter()方法的区别详解
2013/04/26 Javascript
jquery form 隐藏的input 选择
2014/04/29 Javascript
javascript如何使用bind指定接收者
2014/05/04 Javascript
一个奇葩的最短的 IE 版本判断JS脚本
2014/05/28 Javascript
浅析Node.js中的内存泄漏问题
2015/06/23 Javascript
JavaScript函数的调用以及参数传递
2015/10/21 Javascript
简介BootStrap model弹出框的使用
2016/04/27 Javascript
老生常谈遮罩层 滚动条的问题
2016/04/29 Javascript
AngularJS的ng-click传参的方法
2017/06/19 Javascript
使用Bootstrap和Vue实现用户信息的编辑删除功能
2017/10/25 Javascript
浅谈Angular 中何时取消订阅
2017/11/22 Javascript
vue2.0 实现导航守卫(路由守卫)
2018/05/21 Javascript
vuejs简单验证码功能完整示例
2019/01/08 Javascript
vue.js实现会动的简历(包含底部导航功能,编辑功能)
2019/04/08 Javascript
JS数组属性去重并校验重复数据
2020/01/10 Javascript
微信小程序修改checkbox的样式代码实例
2020/01/21 Javascript
python使用cookie库操保存cookie详解
2014/03/03 Python
如何利用Fabric自动化你的任务
2016/10/20 Python
python爬虫爬取快手视频多线程下载功能
2018/02/28 Python
python获取酷狗音乐top500的下载地址 MP3格式
2018/04/17 Python
Python通过format函数格式化显示值
2020/10/17 Python
python之随机数函数的实现示例
2020/12/30 Python
五个2015 年最佳HTML5 框架
2015/11/11 HTML / CSS
医学实习生自我鉴定
2013/12/12 职场文书
篮球社团活动总结
2014/06/27 职场文书
四风问题自查自纠工作情况报告
2014/10/28 职场文书
2014年基建工作总结
2014/12/12 职场文书
加薪通知
2015/04/25 职场文书
mapstruct的用法之qualifiedByName示例详解
2022/04/06 Java/Android