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 相关文章推荐
js利用数组length属性清空和截短数组的小例子
Jan 15 Javascript
Js实现网页键盘控制翻页的方法
Oct 30 Javascript
js创建对象的方式总结
Jan 10 Javascript
jQuery实现冻结表格行和列
Apr 29 Javascript
jQuery插件Slider Revolution实现响应动画滑动图片切换效果
Jun 05 Javascript
jquery实现的代替传统checkbox样式插件
Jun 19 Javascript
js实现按钮颜色渐变动画效果
Aug 20 Javascript
深入浅析JavaScript中的scrollTop
Jul 11 Javascript
Vue.js组件tree实现无限级树形菜单
Dec 02 Javascript
JavaScript实现重力下落与弹性效果的方法分析
Dec 20 Javascript
vue interceptor 使用教程实例详解
Sep 13 Javascript
Angular处理未可知异常错误的方法详解
Jan 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
PHP的栏目导航程序
2006/10/09 PHP
关于URL最大长度限制的相关资料查证
2014/12/23 PHP
解决php的“It is not safe to rely on the system’s timezone settings”问题
2015/10/08 PHP
PHP 获取 ping 时间的实现方法
2017/09/29 PHP
Dom加载让图片加载完再执行的脚本代码
2008/05/15 Javascript
浅析Node在构建超媒体API中的作用
2014/07/30 Javascript
举例讲解AngularJS中的模块
2015/06/17 Javascript
jquery中的工具使用方法$.isFunction, $.isArray(), $.isWindow()
2015/08/09 Javascript
HTML5基于Tomcat 7.0实现WebSocket连接并实现简单的实时聊天
2016/10/31 Javascript
JSP防止网页刷新重复提交数据的几种方法
2016/11/19 Javascript
js中的面向对象入门
2017/03/06 Javascript
canvas压缩图片转换成base64格式输出文件流
2017/03/09 Javascript
angular ng-click防止重复提交实例
2017/06/16 Javascript
JS利用正则表达式实现简单的密码强弱判断实例
2017/06/16 Javascript
微信小程序使用wxParse解析html的方法示例
2019/01/17 Javascript
基于JavaScript实现简单抽奖功能代码实例
2020/10/20 Javascript
解决vue打包报错Unexpected token: punc的问题
2020/10/24 Javascript
JavaScript中常用的3种弹出提示框(alert、confirm、prompt)
2020/11/10 Javascript
[49:58]完美世界DOTA2联赛PWL S3 Magma vs DLG 第一场 12.18
2020/12/19 DOTA
Python类的基础入门知识
2008/11/24 Python
Python 使用requests模块发送GET和POST请求的实现代码
2016/09/21 Python
对python3标准库httpclient的使用详解
2018/12/18 Python
python七夕浪漫表白源码
2019/04/05 Python
详解Python二维数组与三维数组切片的方法
2019/07/18 Python
python 6.7 编写printTable()函数表格打印(完整代码)
2020/03/25 Python
浅谈css3新单位vw、vh、vmin、vmax的使用详解
2017/12/01 HTML / CSS
Mio Skincare中文官网:肌肤和身体护理
2016/10/26 全球购物
英国体育器材进口商店:UK Sport Imports
2017/03/14 全球购物
历史学专业大学生找工作的自我评价
2013/10/16 职场文书
出生公证委托书
2014/04/03 职场文书
《白鹅》教学反思
2014/04/13 职场文书
2014年幼儿园个人工作总结
2014/11/10 职场文书
幼儿园毕业致辞
2015/07/29 职场文书
村党总支部公开承诺书2016
2016/03/25 职场文书
导游词之徐州云龙湖
2019/11/19 职场文书
详解Apache SkyWalking 告警配置指南
2021/04/22 Servers