Jquery判断$("#id")获取的对象是否存在的方法


Posted in Javascript onSeptember 25, 2013

一、判断对象对象是否存在

如果是下面的 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” 
[code] 
三、根据子节点查找父节点 
[code] 
<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 相关文章推荐
解决 FireFox 下[使用event很麻烦] 的问题.
Aug 22 Javascript
JS 实现导航栏悬停效果(续2)
Sep 24 Javascript
jQuery实现仿QQ在线客服效果的滚动层代码
Oct 15 Javascript
jQuery实现每隔几条元素增加1条线的方法
Jun 27 Javascript
基于slideout.js实现移动端侧边栏滑动特效
Nov 28 Javascript
百度搜索框智能提示案例jsonp
Nov 28 Javascript
JS实现复制功能
Mar 01 Javascript
JavaScript用二分法查找数据的实例代码
Jun 17 Javascript
jquery使用echarts实现有向图可视化功能示例
Nov 25 jQuery
详解vue3.0 diff算法的使用(超详细)
Jul 01 Javascript
jQuery实现开关灯效果
Aug 02 jQuery
js代码编写无缝轮播图
Sep 13 Javascript
js读取注册表的键值示例
Sep 25 #Javascript
仿当当网淘宝网等主流电子商务网站商品分类导航菜单
Sep 25 #Javascript
简单常用的幻灯片播放实现代码
Sep 25 #Javascript
javascript date格式化示例
Sep 25 #Javascript
jQuery中filter()和find()的区别深入了解
Sep 25 #Javascript
js中的this关键字详解
Sep 25 #Javascript
如何创建一个JavaScript弹出DIV窗口层的效果
Sep 25 #Javascript
You might like
德生BCL3000的电路分析和打磨
2021/03/02 无线电
php数组中删除元素之重新索引的方法
2014/09/16 PHP
PHP函数checkdnsrr用法详解(Windows平台用法)
2016/03/21 PHP
浅析Yii2中GridView常见操作
2016/04/22 PHP
基于jquery的tab切换 js原理
2010/04/01 Javascript
从jQuery.camelCase()学习string.replace() 函数学习
2011/09/13 Javascript
JavaScript打字小游戏代码
2011/12/26 Javascript
纯js实现瀑布流展现照片(自动适应窗口大小)
2013/04/08 Javascript
jquery内置验证(validate)使用方法示例(表单验证)
2013/12/04 Javascript
javascript实现表格增删改操作实例详解
2015/05/15 Javascript
JS+DIV实现鼠标划过切换层效果的方法
2015/05/25 Javascript
深入学习JavaScript中的Rest参数和参数默认值
2015/07/28 Javascript
详解JavaScript基于面向对象之继承实例
2015/12/16 Javascript
微信小程序 location API接口详解及实例代码
2016/10/12 Javascript
JSON字符串和JSON对象相互转化实例详解
2017/01/05 Javascript
php输出全部gb2312编码内的汉字方法
2017/03/04 Javascript
vue父组件向子组件传递多个数据的实例
2018/03/01 Javascript
layui的数据表格+springmvc实现搜索功能的例子
2019/09/28 Javascript
[02:39]DOTA2英雄基础教程 极限穿梭编织者
2013/12/05 DOTA
[03:30]DOTA2完美“圣”典精彩集锦
2016/12/27 DOTA
[02:12]Dota 2 推出全新英雄—— 电炎绝手
2019/08/23 DOTA
用Python的urllib库提交WEB表单
2009/02/24 Python
Python使用cx_Oracle模块将oracle中数据导出到csv文件的方法
2015/05/16 Python
Python实现的爬取百度文库功能示例
2019/02/16 Python
Python Django框架url反向解析实现动态生成对应的url链接示例
2019/10/18 Python
Python实现像awk一样分割字符串
2020/09/15 Python
python 生成正态分布数据,并绘图和解析
2020/12/21 Python
html5实现多图片预览上传及点击可拖拽控件
2018/03/15 HTML / CSS
香港优质食材和美酒专门店:FoodWise
2017/09/01 全球购物
澳大利亚最大的护发和护肤品购物网站:RY
2019/12/26 全球购物
SAZAC的动物连体衣和动物睡衣:Kigurumi Shop
2020/03/14 全球购物
母亲节演讲稿范文
2014/01/02 职场文书
《圆明园的毁灭》教学反思
2014/02/28 职场文书
初三毕业评语
2014/12/26 职场文书
基于angular实现树形二级表格
2021/10/16 Javascript
Spring boot admin 服务监控利器详解
2022/08/05 Java/Android