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 相关文章推荐
List the Codec Files on a Computer
Jun 11 Javascript
php上传图片并给图片打上透明水印的代码
Jun 07 Javascript
HTML页面弹出居中可拖拽的自定义窗口层
May 07 Javascript
jQuery实现左右切换焦点图
Apr 03 Javascript
深入分析Javascript跨域问题
Apr 17 Javascript
js库Modernizr的介绍和使用
May 07 Javascript
有关Promises异步问题详解
Nov 13 Javascript
Bootstrap每天必学之响应式导航、轮播图
Apr 25 Javascript
vue单个组件实现无限层级多选菜单功能
Apr 10 Javascript
vue移动端监听滚动条高度的实现方法
Sep 03 Javascript
node.js使用mongoose操作数据库实现购物车的增、删、改、查功能示例
Dec 23 Javascript
vue如何实现动态加载脚本
Feb 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实现的Timer页面运行时间监测类
2014/09/24 PHP
php发送html格式文本邮件的方法
2015/06/10 PHP
php实现倒计时效果
2015/12/19 PHP
php传值和传引用的区别点总结
2019/11/19 PHP
php设计模式之抽象工厂模式分析【星际争霸游戏案例】
2020/01/23 PHP
JQuery获取各种宽度、高度(format函数)实例
2013/03/04 Javascript
用js读、写、删除Cookie代码分享及详细注释说明
2014/06/05 Javascript
node.js require() 源码解读
2015/12/13 Javascript
jQuery实现表格行和列的动态添加与删除方法【测试可用】
2016/08/01 Javascript
从零学习node.js之利用express搭建简易论坛(七)
2017/02/25 Javascript
react路由配置方式详解
2017/08/07 Javascript
webpack 1.x升级过程中的踩坑总结大全
2017/08/09 Javascript
vue获取DOM元素并设置属性的两种实现方法
2017/09/30 Javascript
基于jQuery Ajax实现下拉框无刷新联动
2017/12/06 jQuery
看看“疫苗查询”小程序有温度的代码
2018/07/31 Javascript
详解如何在vscode里面调试js和node.js的方法步骤
2018/12/24 Javascript
JavaScript页面倒计时功能完整示例
2019/05/15 Javascript
Node.js API详解之 V8模块用法实例分析
2020/06/05 Javascript
Javascript中的奇葩知识,你知道吗?
2021/01/25 Javascript
[48:31]完美世界DOTA2联赛PWL S3 DLG vs Phoenix 第二场 12.17
2020/12/19 DOTA
selenium+python实现自动化登录的方法
2018/09/04 Python
python plotly绘制直方图实例详解
2019/07/22 Python
Python占用的内存优化教程
2019/07/28 Python
python+appium+yaml移动端自动化测试框架实现详解
2020/11/24 Python
Python 中 sorted 如何自定义比较逻辑
2021/02/02 Python
Ray-Ban雷朋美国官网:全球领先的太阳眼镜品牌
2016/07/20 全球购物
师范毕业生自我鉴定
2014/01/15 职场文书
企业元宵节主持词
2014/03/25 职场文书
基层领导干部“四风”问题批评与自我批评
2014/09/23 职场文书
五年级学生评语大全
2014/12/26 职场文书
圣诞节开幕词
2015/01/29 职场文书
浅谈Python 中的复数问题
2021/05/19 Python
7个关于Python的经典基础案例
2021/11/07 Python
Win11局域网共享权限在哪里设置? Win11高级共享的设置技巧
2022/04/05 数码科技
Java时间工具类Date的常用处理方法
2022/05/25 Java/Android
Python可视化神器pyecharts绘制地理图表
2022/07/07 Python