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 相关文章推荐
使用javascript:将其它类型值转换成布尔类型值的解决方法详解
May 07 Javascript
jquery导航制件jquery鼠标经过变色效果示例
Dec 05 Javascript
JS使用for循环遍历Table的所有单元格内容
Aug 21 Javascript
javascript实现网页背景烟花效果的方法
Aug 06 Javascript
jQuery CSS3相结合实现时钟插件
Jan 08 Javascript
html+js实现简单的计算器代码(加减乘除)
Jul 12 Javascript
Bootstrap表格使用方法详解
Feb 17 Javascript
angular.js 路由及页面传参示例
Feb 24 Javascript
JavaScript文件的同步和异步加载的实现代码
Aug 19 Javascript
ES6知识点整理之函数对象参数默认值及其解构应用示例
Apr 17 Javascript
原生JS实现顶部导航栏显示按钮+搜索框功能
Dec 25 Javascript
如何用JavaScript检测当前浏览器是无头浏览器
Apr 27 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
PHP6 先修班 JSON实例代码
2008/08/23 PHP
一些php项目中比较通用的php自建函数的详解
2013/06/06 PHP
Zend Framework教程之Resource Autoloading用法实例
2016/03/08 PHP
php数据结构之顺序链表与链式线性表示例
2018/01/22 PHP
基于PHP实现短信验证码发送次数限制
2020/07/11 PHP
HTTP头隐藏PHP版本号实现过程解析
2020/12/09 PHP
javascript实现随时变化着的背景颜色
2015/04/02 Javascript
JavaScript实现对下拉列表值进行排序的方法
2015/07/15 Javascript
详解jQuery Mobile自定义标签
2016/01/06 Javascript
浅析jQuery事件之on()方法绑定多个选择器,多个事件
2016/04/27 Javascript
JS中dom0级事件和dom2级事件的区别介绍
2016/05/05 Javascript
jQuery控制li上下循环滚动插件用法实例(附demo源码下载)
2016/05/28 Javascript
js绘制购物车抛物线动画
2020/11/18 Javascript
使用BootStrap实现表格隔行变色及hover变色并在需要时出现滚动条
2017/01/04 Javascript
动手写一个angular版本的Message组件的方法
2017/12/16 Javascript
5 种JavaScript编码规范
2018/01/30 Javascript
微信小程序实现动态列表项的顺序加载动画
2019/07/25 Javascript
Ajax获取node服务器数据的完整步骤
2020/09/20 Javascript
Vue向后台传数组数据,springboot接收vue传的数组数据实例
2020/11/12 Javascript
JS算法教程之字符串去重与字符串反转
2020/12/15 Javascript
JavaScript中跨域问题的深入理解
2021/03/04 Javascript
Python Socket实现简单TCP Server/client功能示例
2017/08/05 Python
Python+PIL实现支付宝AR红包
2018/02/09 Python
教你如何编写、保存与运行Python程序的方法
2019/07/12 Python
浅谈django url请求与数据库连接池的共享问题
2019/08/29 Python
python的reverse函数翻转结果为None的问题
2020/05/11 Python
基于HTML5实现类似微信手机摇一摇功能(计算摇动次数)
2017/07/24 HTML / CSS
德国孕妇装和婴童服装网上商店:bellybutton
2018/04/12 全球购物
毕业生求职的求职信
2013/12/05 职场文书
电子商务专业应届毕业生求职信
2014/06/21 职场文书
门卫岗位职责
2015/02/09 职场文书
深入浅出讲解Java8函数式编程
2022/01/18 Java/Android
详解在SQLPlus中实现上下键翻查历史命令的功能
2022/03/18 SQL Server
全新239军机修复记
2022/04/05 无线电
Golang连接并操作MySQL
2022/04/14 MySQL
Linux下搭建SFTP服务器的命令详解
2022/06/25 Servers