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 相关文章推荐
Jquery中对数组的操作代码
Aug 12 Javascript
jQuery EasyUI封装简化操作
Sep 18 Javascript
JavaScript 中对象的深拷贝
Dec 04 Javascript
AngularJS打开页面隐藏显示表达式用法示例
Dec 25 Javascript
vue中component组件的props使用详解
Sep 04 Javascript
EasyUI创建人员树的实例代码
Sep 15 Javascript
实例讲解javascript实现异步图片上传方法
Dec 05 Javascript
vue中使用refs定位dom出现undefined的解决方法
Dec 21 Javascript
js实现复制功能(多种方法集合)
Jan 06 Javascript
JS根据Unix时间戳显示发布时间是多久前【项目实测】
Jul 10 Javascript
vue路由守卫及路由守卫无限循环问题详析
Sep 05 Javascript
vue 实现element-ui中的加载中状态
Nov 11 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
PHP环境搭建最新方法
2006/09/05 PHP
PHP输出控制功能在简繁体转换中的应用
2006/10/09 PHP
几种显示数据的方法的比较
2006/10/09 PHP
JavaScript 继承详解 第一篇
2009/08/30 Javascript
一个JS函数搞定网页标题(title)闪动效果
2014/05/13 Javascript
JavaScript实现自动生成网页元素功能(按钮、文本等)
2015/11/21 Javascript
基于BootStarp的Dailog
2016/04/28 Javascript
Bootstrap按钮组简单实现代码
2017/03/06 Javascript
React-Native使用Mobx实现购物车功能
2017/09/14 Javascript
基于nodejs实现微信支付功能
2017/12/20 NodeJs
jQuery中元素选择器(element)简单用法示例
2018/05/14 jQuery
JS无限级导航菜单实现方法
2019/01/05 Javascript
13 个npm 快速开发技巧(推荐)
2019/07/04 Javascript
浅谈Vue组件单元测试究竟测试什么
2020/02/05 Javascript
在Angular中实现一个级联效果的下拉框的示例代码
2020/05/20 Javascript
Python学习之Django的管理界面代码示例
2018/02/10 Python
Python实现对文件进行单词划分并去重排序操作示例
2018/07/10 Python
selenium + python 获取table数据的示例讲解
2018/10/13 Python
python3 实现对图片进行局部切割的方法
2018/12/05 Python
python try 异常处理(史上最全)
2019/03/07 Python
python整合ffmpeg实现视频文件的批量转换
2019/05/31 Python
Django admin管理工具TabularInline类用法详解
2020/05/14 Python
在django中form的label和verbose name的区别说明
2020/05/20 Python
利用Python实现字幕挂载(把字幕文件与视频合并)思路详解
2020/10/21 Python
英国灯具和灯泡网上商店:Lights.co.uk
2018/02/02 全球购物
应聘教师推荐信
2013/10/31 职场文书
个人简历自我评价范文
2014/02/04 职场文书
工程项目建议书范文
2014/03/12 职场文书
希特勒的演讲稿
2014/05/23 职场文书
2014初中数学教研组工作总结
2014/12/19 职场文书
高三英语教学计划
2015/01/23 职场文书
2016新年感言
2015/08/03 职场文书
用Java实现简单计算器功能
2021/07/21 Java/Android
python全面解析接口返回数据
2022/02/12 Python
十大好看的穿越动漫排名:《瑞克和莫蒂》第一,国漫《有药》在榜
2022/03/18 日漫
vue实现Toast组件轻提示
2022/04/10 Vue.js