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 相关文章推荐
JS加ASP二级域名转向的代码
May 17 Javascript
JQEasy-ui在IE9以下版本中二次加载的问题分析及处理方法
Jun 23 Javascript
javascript动态创建表格及添加数据实例详解
May 13 Javascript
基于Marquee.js插件实现的跑马灯效果示例
Jan 25 Javascript
javascript回调函数的概念理解与用法分析
May 27 Javascript
JavaScript字符串_动力节点Java学院整理
Jun 27 Javascript
angular+ionic返回上一页并刷新页面
Aug 08 Javascript
说说AngularJS中的$parse和$eval的用法
Sep 14 Javascript
详解如何理解vue的key属性
Apr 14 Javascript
jQuery实现小火箭返回顶部特效
Feb 03 jQuery
基于JS实现table导出Excel并保留样式
May 19 Javascript
vue组件是如何解析及渲染的?
Jan 13 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
xss防御之php利用httponly防xss攻击
2014/03/21 PHP
WordPress开发中短代码的实现及相关函数使用技巧
2016/01/05 PHP
Zend Framework教程之模型Model基本规则和使用方法
2016/03/04 PHP
详解thinkphp实现excel数据的导入导出(附完整案例)
2016/12/29 PHP
js 判断 enter 事件
2009/02/12 Javascript
JavaScript类和继承 this属性使用说明
2010/09/03 Javascript
JavaScript高级程序设计 学习笔记 js高级技巧
2011/09/20 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 简史
2015/01/09 Javascript
JS实现的网页倒计时数字时钟效果
2015/03/02 Javascript
JavaScript使用DeviceOne开发实战(二) 生成调试安装包
2015/12/01 Javascript
jquery悬浮提示框完整实例
2016/01/13 Javascript
常用Javascript函数与原型功能收藏(必看篇)
2016/10/09 Javascript
纯js模仿windows系统日历
2017/02/04 Javascript
JavaScript实现移动端轮播效果
2017/06/06 Javascript
validationEngine 表单验证插件使用实例代码
2017/06/15 Javascript
jQuery选择器_动力节点Java学院整理
2017/07/05 jQuery
JavaScript实现一个带AI的井字棋游戏源码
2018/05/21 Javascript
JS随机密码生成算法
2019/09/23 Javascript
JS实现页面鼠标点击出现图片特效
2020/08/19 Javascript
[03:40]DOTA2抗疫特别篇《英雄年代》
2020/02/28 DOTA
利用Python的Django框架生成PDF文件的教程
2015/07/22 Python
Python神奇的内置函数locals的实例讲解
2019/02/22 Python
PyQt5中QTableWidget如何弹出菜单的示例代码
2020/02/23 Python
python GUI计算器的实现
2020/10/09 Python
python 实现超级玛丽游戏
2020/11/25 Python
深入浅析css3 中display box使用方法
2015/11/25 HTML / CSS
使用HTML5的Canvas绘制曲线的简单方法
2015/09/08 HTML / CSS
使用HTML5中的contentEditable来将多行文本自动增高
2016/03/01 HTML / CSS
佛罗里达州印第安河新鲜水果:Hale Groves
2017/02/20 全球购物
美国保健品专家:Life Extension
2018/05/04 全球购物
澳大利亚当地最大的时装生产商:Cue
2018/08/06 全球购物
微型企业创业投资计划书
2014/01/10 职场文书
工作会议欢迎词
2014/01/16 职场文书
单位委托书怎么写
2014/08/02 职场文书
2014年扫黄打非工作总结
2014/12/03 职场文书
学习nginx基础知识
2021/09/04 Servers