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 相关文章推荐
脚本收藏iframe
Jul 21 Javascript
简单JS代码压缩器
Oct 12 Javascript
由JavaScript中call()方法引发的对面向对象继承机制call的思考
Sep 12 Javascript
javascript学习基础笔记之DOM对象操作
Nov 03 Javascript
javascript跨域总结之window.name实现的跨域数据传输
Nov 01 Javascript
JavaScript数组去重的五种方法
Nov 05 Javascript
jquery单击文字或图片内容放大并居中显示
Jun 23 jQuery
JS计算输出100元钱买100只鸡问题的解决方法
Jan 04 Javascript
Vue2 模板template的四种写法总结
Feb 23 Javascript
微信小程序实现商品属性联动选择
Feb 15 Javascript
JavaScript遍历DOM元素的常见方式示例
Feb 16 Javascript
layui(1.0.9)文件上传upload,前后端的实例代码
Sep 26 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
WINDOWS下php5.2.4+mysql6.0+apache2.2.4+ZendOptimizer-3.3.0配置
2008/03/28 PHP
PHP程序员编程注意事项
2008/04/10 PHP
学习php分页代码实例
2013/10/24 PHP
利用yahoo汇率接口实现实时汇率转换示例 汇率转换器
2014/01/14 PHP
PHP入门教程之正则表达式基本用法实例详解(正则匹配,搜索,分割等)
2016/09/11 PHP
JavaScript 三种不同位置代码的写法
2009/10/25 Javascript
jquery foreach使用示例
2013/09/12 Javascript
pace.js页面加载进度条插件
2015/09/29 Javascript
jQuery+canvas实现简单的球体斜抛及颜色动态变换效果
2016/01/28 Javascript
Bootstrap每天必学之日期控制
2016/03/07 Javascript
js验证框架实现代码分享
2016/05/18 Javascript
jQuery实现可拖拽的许愿墙效果【附demo源码下载】
2016/09/14 Javascript
MUI实现上拉加载和下拉刷新效果
2017/06/30 Javascript
深入理解Vue-cli搭建项目后的目录结构探秘
2017/07/13 Javascript
jQuery图片加载失败替换默认图片方法汇总
2017/11/29 jQuery
原生JS实现自定义下拉单选选择框功能
2018/10/12 Javascript
微信小程序生成二维码的示例代码
2019/03/29 Javascript
微信小程序实现的一键复制功能示例
2019/04/24 Javascript
Vue源码之关于vm.$delete()/Vue.use()内部原理详解
2019/05/01 Javascript
Layui表格监听行单双击事件讲解
2019/11/14 Javascript
Node.js fs模块原理及常见用途
2020/10/22 Javascript
python使用socket远程连接错误处理方法
2015/04/29 Python
在Django的模板中使用认证数据的方法
2015/07/23 Python
Python使用flask框架操作sqlite3的两种方式
2018/01/31 Python
python版本单链表实现代码
2018/09/28 Python
使用Pyinstaller转换.py文件为.exe可执行程序过程详解
2019/08/06 Python
python实现密度聚类(模板代码+sklearn代码)
2020/04/27 Python
python实现三种随机请求头方式
2021/01/05 Python
Pytorch之扩充tensor的操作
2021/03/04 Python
打架检讨书100字
2014/01/19 职场文书
《爱如茉莉》教后反思
2014/04/12 职场文书
2014年科技工作总结
2014/11/26 职场文书
淘宝好评语句大全
2014/12/31 职场文书
付款证明模板
2015/06/19 职场文书
《玩出了名堂》教学反思
2016/02/17 职场文书
2020年基层司法所建设情况调研报告
2019/11/30 职场文书