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 相关文章推荐
web 页面分页打印的实现
Jun 22 Javascript
JS中Iframe之间传值的方法
Mar 11 Javascript
js类定义函数时用prototype与不用的区别示例介绍
Jun 10 Javascript
Javascript之BOM(window对象)详解
May 25 Javascript
javascirpt实现2个iframe之间传值的方法
Jun 30 Javascript
JavaScript获取服务器时间的方法详解
Dec 11 Javascript
bootstrap精简教程_动力节点Java学院整理
Jul 14 Javascript
浅析Vue实例以及生命周期
Aug 14 Javascript
JavaScript链式调用实例浅析
Dec 19 Javascript
如何使用webpack打包一个库library的方法步骤
Dec 18 Javascript
jquery实现吸顶导航效果
Jan 08 jQuery
一篇文章弄清楚Ajax请求的五个步骤
Mar 17 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
一个显示某段时间内每个月的方法 返回由这些月份组成的数组
2012/05/16 PHP
PHP Parse Error: syntax error, unexpected $end 错误的解决办法
2012/06/05 PHP
PHP结合Vue实现滚动底部加载效果
2017/12/17 PHP
php插入mysql数据返回id的方法
2018/05/31 PHP
Javascript String.replace的妙用
2009/09/08 Javascript
Riot.js 快速的JavaScript单元测试框架
2009/11/09 Javascript
javascript setTimeout和setInterval 的区别
2009/12/08 Javascript
判断客户端浏览器是否安装了Flash插件的多种方法
2010/08/11 Javascript
jquery.hotkeys监听键盘按下事件keydown插件
2014/05/11 Javascript
jQuery实现控制文字内容溢出用省略号(…)表示的方法
2016/02/26 Javascript
使用JQuery实现智能表单验证功能
2016/03/08 Javascript
JavaScript实现复制文章自动添加版权
2016/08/02 Javascript
深入理解Javascript中的观察者模式
2017/02/20 Javascript
canvas红包照片实例分享
2017/02/28 Javascript
详解RequireJS按需加载样式文件
2017/04/12 Javascript
js实现放大镜特效
2017/05/18 Javascript
AngularJs 延时器、计时器实例代码
2017/09/16 Javascript
anime.js 实现带有描边动画效果的复选框(推荐)
2017/12/24 Javascript
jQuery实现的导航条点击后高亮显示功能示例
2019/03/04 jQuery
[13:25]VP vs VICI (BO3)
2018/06/07 DOTA
wxpython学习笔记(推荐查看)
2014/06/09 Python
python使用BeautifulSoup分页网页中超链接的方法
2015/04/04 Python
python二分查找算法的递归实现方法
2016/05/12 Python
Python错误提示:[Errno 24] Too many open files的分析与解决
2017/02/16 Python
Python 利用内置set函数对字符串和列表进行去重的方法
2018/06/29 Python
python的依赖管理的实现
2019/05/14 Python
Python with语句和过程抽取思想
2019/12/23 Python
python识别验证码图片实例详解
2020/02/17 Python
python Timer 类使用介绍
2020/12/28 Python
html Table 表头固定的实现
2019/01/22 HTML / CSS
eDreams巴西:廉价机票,酒店优惠和度假套餐
2017/04/14 全球购物
de Bijenkorf比利时官网:荷兰最知名的百货商店
2017/06/29 全球购物
Desigual德国官网:在线购买原创服装
2018/03/27 全球购物
全球最大化妆品零售网站:SkinStore
2020/10/24 全球购物
DJI全球:DJI Global
2021/03/15 全球购物
普通简短的个人自我评价
2014/02/15 职场文书