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 相关文章推荐
精选的10款用于构建良好易用性网站的jQuery插件
Jan 23 Javascript
如何让div span等元素能响应键盘事件操作指南
Nov 13 Javascript
js中的preventDefault与stopPropagation详解
Jan 29 Javascript
jquery果冻抖动效果实现方法
Jan 15 Javascript
Bootstrap CDN和本地化环境搭建
Oct 26 Javascript
BootStrap实现轮播图效果(收藏)
Dec 30 Javascript
手机端js和html5刮刮卡效果
Sep 29 Javascript
vue中各组件之间传递数据的方法示例
Jul 27 Javascript
vuex学习之Actions的用法详解
Aug 29 Javascript
js实现Tab选项卡切换效果
Jul 17 Javascript
angularjs 的数据绑定实现原理
Jul 02 Javascript
解决node-sass偶尔安装失败的方法小结
Dec 05 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设计模式之单例模式代码
2016/06/11 PHP
PHP重定向与伪静态区别
2017/02/19 PHP
php文件包含的几种方式总结
2019/09/19 PHP
laravel withCount 统计关联数量的方法
2019/10/10 PHP
javascript中将Object转换为String函数代码 (json str)
2012/04/29 Javascript
jquery ajax修改全局变量示例代码
2013/11/08 Javascript
JS实现的左侧竖向滑动菜单效果代码
2015/10/19 Javascript
BootStrap响应式导航条实例介绍
2016/05/06 Javascript
RequireJS使用注意细节
2016/05/15 Javascript
javascript阻止事件冒泡和浏览器的默认行为
2017/01/21 Javascript
jQuery插件HighCharts绘制2D带Label的折线图效果示例【附demo源码下载】
2017/03/08 Javascript
微信小程序开发之toast提示插件使用示例
2017/06/08 Javascript
ES6 javascript中class类的get与set用法实例分析
2017/10/30 Javascript
vue-router+nginx 非根路径配置方法
2018/06/30 Javascript
Python学习之asyncore模块用法实例教程
2014/09/29 Python
Python的Django框架中设置日期和字段可选的方法
2015/07/17 Python
python中requests爬去网页内容出现乱码问题解决方法介绍
2017/10/25 Python
django反向解析和正向解析的方式
2018/06/05 Python
详解Numpy中的数组拼接、合并操作(concatenate, append, stack, hstack, vstack, r_, c_等)
2019/05/27 Python
爬虫代理池Python3WebSpider源代码测试过程解析
2019/12/20 Python
python:HDF和CSV存储优劣对比分析
2020/06/08 Python
Room Mate Hotels美国:西班牙酒店品牌
2018/04/10 全球购物
英国健康和美容技术产品购物网站:CurrentBody
2019/07/17 全球购物
学校运动会广播稿100条
2014/09/14 职场文书
群众路线党员个人整改措施
2014/10/27 职场文书
2015年元旦主持词开场白
2014/12/14 职场文书
中国世界遗产导游词
2015/02/13 职场文书
音乐会主持人开场白
2015/05/28 职场文书
导游词之北京明十三陵
2019/10/28 职场文书
教你使用Pandas直接核算Excel中快递费用
2021/05/12 Python
Python绘制地图神器folium的新人入门指南
2021/05/23 Python
pytorch--之halfTensor的使用详解
2021/05/24 Python
低门槛开发iOS、Android、小程序应用的前端框架详解
2021/10/16 Javascript
Win11任务栏太宽了怎么办?一招解决Win11任务栏太宽问题
2021/11/21 数码科技
MySQL三种方式实现递归查询
2022/04/18 MySQL
详解CSS3浏览器兼容
2022/12/24 HTML / CSS