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 相关文章推荐
基于jquery创建的一个图片、视频缓冲的效果样式插件
Aug 28 Javascript
jQuery插件slick实现响应式移动端幻灯片图片切换特效
Apr 12 Javascript
常用的JQuery函数及功能小结
Mar 24 Javascript
最好用的Bootstrap fileinput.js文件上传组件
Dec 12 Javascript
vue组件详解之使用slot分发内容
Apr 09 Javascript
js遍历添加栏目类添加css 再点击其它删除css【推荐】
Jun 12 Javascript
用Fundebug插件记录网络请求异常的方法
Feb 21 Javascript
基于Node.js搭建hexo博客过程详解
Jun 25 Javascript
小程序实现分类页
Jul 12 Javascript
H5实现手机拍照和选择上传功能
Dec 18 Javascript
JS函数参数的传递与同名参数实例分析
Mar 16 Javascript
vue element el-transfer增加拖拽功能
Jan 15 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极大的增强功能和性能
2006/10/09 PHP
php将csv文件导入到mysql数据库的方法
2014/12/24 PHP
PHP中使用jQuery+Ajax实现分页查询多功能操作(示例讲解)
2017/09/17 PHP
PHP调用微博接口实现微博登录的方法示例
2018/09/22 PHP
Javascript typeof 用法
2008/12/28 Javascript
ie和firefox不兼容的解决方法集合
2009/04/28 Javascript
javascript 页面只自动刷新一次
2009/07/10 Javascript
JS中如何设置readOnly的值
2013/12/25 Javascript
Bootstrap教程JS插件滚动监听学习笔记分享
2016/05/18 Javascript
js实现弹窗居中的简单实例
2016/10/09 Javascript
Node.js通过身份证号验证年龄、出生日期与性别方法示例
2017/03/09 Javascript
JS实现的Unicode编码转换操作示例
2017/04/28 Javascript
微信JSSDK调用微信扫一扫功能的方法
2017/07/25 Javascript
jQuery中图片展示插件highslide.js的简单dom
2018/04/22 jQuery
详解关于vue-area-linkage走过的坑
2018/06/27 Javascript
JS的Ajax与后端交互数据的实例
2018/08/08 Javascript
原生javascript实现连连看游戏
2019/01/03 Javascript
vue实现虚拟列表功能的代码
2020/07/28 Javascript
老生常谈Python基础之字符编码
2017/06/14 Python
Python编程使用tkinter模块实现计算器软件完整代码示例
2017/11/29 Python
Python中pow()和math.pow()函数用法示例
2018/02/11 Python
对numpy的array和python中自带的list之间相互转化详解
2018/04/13 Python
Python进阶之使用selenium爬取淘宝商品信息功能示例
2019/09/16 Python
pygame实现五子棋游戏
2019/10/29 Python
利用python3 的pygame模块实现塔防游戏
2019/12/30 Python
使用PyQt的QLabel组件实现选定目标框功能的方法示例
2020/05/19 Python
Python word文本自动化操作实现方法解析
2020/11/05 Python
python 如何把docker-compose.yaml导入到数据库相关条目里
2021/01/15 Python
html5+css3之制作header实例与更新
2020/12/21 HTML / CSS
GUESS德国官网:美国牛仔服装品牌
2017/02/14 全球购物
亚马逊新加坡官方网站:Amazon.sg
2020/03/25 全球购物
2014年银行员工工作总结
2014/11/12 职场文书
事业单位年度考核个人总结
2015/02/12 职场文书
2015年公路养护工作总结
2015/05/13 职场文书
活动经费申请报告
2015/05/15 职场文书
Opencv实现二维直方图的计算及绘制
2021/07/21 Python