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 相关文章推荐
javascript[js]获取url参数的代码
Oct 17 Javascript
js event事件的传递与冒泡处理
Dec 06 Javascript
基于jquery的可多选的下拉列表框
Jul 20 Javascript
js判断字符是否是汉字的两种方法小结
Jan 03 Javascript
jQuery 监控键盘一段时间没输入
Apr 22 Javascript
在Web项目中引入Jquery插件报错的完美解决方案(图解)
Sep 19 Javascript
详解js运算符单竖杠“|”与“||”的用法和作用介绍
Nov 04 Javascript
100行代码理解和分析vue2.0响应式架构
Mar 09 Javascript
Vue集成Iframe页面的方法示例
Dec 12 Javascript
jQuery实现左右滑动的toggle方法
Mar 03 jQuery
Bootstrap4 gulp 配置详解
Jan 06 Javascript
Vue 技巧之控制父类的 slot
Feb 24 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中使用addslashes函数报错问题的解决方法
2013/02/06 PHP
php 判断是否是中文/英文/数字示例代码
2013/09/30 PHP
PHP获取表单所有复选框的值的方法
2014/08/28 PHP
php将HTML表格每行每列转为数组实现采集表格数据的方法
2015/04/03 PHP
php socket通信简单实现
2016/11/18 PHP
浅谈PHPANALYSIS提取关键字
2019/03/08 PHP
深入理解javascript中的立即执行函数(function(){…})()
2014/06/12 Javascript
使用focus方法让光标默认停留在INPUT框
2014/07/29 Javascript
JavaScript操作XML/HTML比较常用的对象属性集锦
2015/10/30 Javascript
浅谈js中的in-for循环
2016/06/28 Javascript
javascript代码调试之console.log 用法图文详解
2016/09/30 Javascript
JS实现探测网站链接的方法【测试可用】
2016/11/08 Javascript
javascript数据类型详解
2017/02/07 Javascript
AngularJS之ionic 框架下实现 Localstorage本地存储
2017/04/22 Javascript
Angular2使用Angular CLI快速搭建工程(一)
2017/05/21 Javascript
基于Vue、Vuex、Vue-router实现的购物商城(原生切换动画)效果
2018/01/09 Javascript
Angular使用操作事件指令ng-click传多个参数示例
2018/03/27 Javascript
vue+egg+jwt实现登录验证的示例代码
2019/05/18 Javascript
解决layui下拉框监听问题(监听不到值的变化)
2019/09/28 Javascript
vue实现导航标题栏随页面滚动渐隐渐显效果
2020/03/12 Javascript
实例分析javascript中的异步
2020/06/02 Javascript
[01:31:22]Ti4 循环赛第四日附加赛LGD vs Mouz
2014/07/13 DOTA
浅谈Python中函数的参数传递
2016/06/21 Python
python 实现在Excel末尾增加新行
2018/05/02 Python
pygame游戏之旅 python和pygame安装教程
2018/11/20 Python
Python编写合并字典并实现敏感目录的小脚本
2019/02/26 Python
Python内置函数property()如何使用
2020/09/01 Python
Python装饰器如何实现修复过程解析
2020/09/05 Python
CSS3制作ajax loader icon实现思路及代码
2013/08/25 HTML / CSS
英国评分最高的女性剃须刀订阅盒:FFS Beauty
2018/01/25 全球购物
法国春天百货官网:Printemps.com
2020/06/29 全球购物
七夕情人节促销方案
2014/06/07 职场文书
我心目中的好老师活动方案
2014/08/19 职场文书
庆国庆活动总结
2014/08/28 职场文书
2015年十月一日放假通知
2015/08/18 职场文书
js基于div丝滑实现贝塞尔曲线
2022/09/23 Javascript