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 相关文章推荐
HTA版JSMin(省略修饰语若干)基于javascript语言编写
Dec 24 Javascript
javascript parseInt与Number函数的区别
Jan 21 Javascript
浅说js变量
May 25 Javascript
javascript制作幻灯片(360度全景图片)
Jul 28 Javascript
JavaScript原生xmlHttp与jquery的ajax方法json数据格式实例
Dec 04 Javascript
javascript实现消灭星星小游戏简单版
Nov 15 Javascript
图片懒加载插件实例分享(含解析)
Jan 09 Javascript
AngularJS动态添加数据并删除的实例
Feb 27 Javascript
vue.js单文件组件中非父子组件的传值实例
Sep 13 Javascript
微信小程序如何再次获取用户授权的方法
May 10 Javascript
详解Vue2.5+迁移至Typescript指南
Aug 01 Javascript
js中console在一行内打印字符串和对象的方法
Sep 10 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
体育彩票排列三组选三算法分享
2014/03/07 PHP
百度地图经纬度转换到腾讯地图/Google 对应的经纬度
2015/08/28 PHP
php+ajax实现无刷新的新闻留言系统
2020/12/21 PHP
详解WordPress中给链接添加查询字符串的方法
2015/12/18 PHP
phpStudy配置多站点多域名方法及遇到的403错误解决方法
2017/10/19 PHP
PHP PDOStatement::bindColumn讲解
2019/01/30 PHP
漂亮的thinkphp 跳转页封装示例
2019/10/16 PHP
xml 与javascript结合的问题解决方法
2007/03/24 Javascript
使用jQuery设置disabled属性与移除disabled属性
2014/08/21 Javascript
javascript实现的网站访问量统计代码
2015/12/20 Javascript
js document.getElementsByClassName的使用介绍与自定义函数
2016/11/25 Javascript
详解js的六大数据类型
2016/12/27 Javascript
基于jQuery实现左侧菜单栏可折叠功能
2016/12/27 Javascript
JavaScript数据结构中栈的应用之表达式求值问题详解
2017/04/11 Javascript
关于javascript作用域的常见面试题分享
2017/06/18 Javascript
JavaScript数据类型的存储方法详解
2017/08/25 Javascript
bootstrap-table实现服务器分页的示例 (spring 后台)
2017/09/01 Javascript
nodejs 生成和导出 word的实例代码
2018/07/31 NodeJs
vue微信分享出来的链接点开是首页问题的解决方法
2018/11/28 Javascript
[03:02]安得倚天剑,跨海斩长鲸——中国军团出征DOTA2国际邀请赛
2018/08/14 DOTA
总结Python编程中函数的使用要点
2016/03/20 Python
使用apidocJs快速生成在线文档的实例讲解
2018/02/07 Python
详解Python 正则表达式模块
2018/11/05 Python
python时间日期操作方法实例小结
2020/02/06 Python
Python几种常见算法汇总
2020/06/02 Python
移动端适配 使px自动转换rem
2019/08/26 HTML / CSS
详解CSS3+JS完美实现放大镜模式
2020/12/03 HTML / CSS
哥伦比亚最大的网上商店:Linio哥伦比亚
2016/09/25 全球购物
联想澳大利亚官网:Lenovo Australia
2018/01/18 全球购物
财务会计专业毕业生自荐信
2013/10/02 职场文书
物业保安主管岗位职责
2013/12/25 职场文书
医学专业毕业生个人求职信
2013/12/25 职场文书
库房管理员岗位职责
2014/03/09 职场文书
选调生挂职锻炼工作总结
2015/10/23 职场文书
AJAX实现省市县三级联动效果
2021/10/16 Javascript
JavaScript阻止事件冒泡的方法
2021/12/06 Javascript