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 相关文章推荐
如何做到打开一个页面,过几分钟自动转到另一页面
Apr 20 Javascript
js中匿名函数的N种写法
Sep 08 Javascript
JavaScript原型继承之基础机制分析
Aug 26 Javascript
js中的布尔运算符使用介绍
Nov 20 Javascript
关于编写性能高效的javascript事件的技术
Nov 28 Javascript
JavaScript中setMonth()方法的使用详解
Jun 11 Javascript
iframe中子父类窗口调用JS的方法及注意事项
Aug 25 Javascript
JavaScript和HTML DOM的区别与联系及Javascript和DOM的关系
Nov 15 Javascript
jQuery表单验证插件解析(推荐)
Jul 21 Javascript
将JSON字符串转换成Map对象的方法
Nov 30 Javascript
jQuery判断邮箱格式对错实例代码讲解
Apr 12 jQuery
Vue v-model组件封装(类似弹窗组件)
Jan 08 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/12/13 PHP
php实现mysql同步的实现方法
2009/10/21 PHP
php数组函数序列之array_slice() - 在数组中根据条件取出一段值,并返回
2011/11/07 PHP
CL vs ForZe BO5 第四场 2.13
2021/03/10 DOTA
使用隐藏的new来创建对象
2011/03/29 Javascript
js实现图片放大缩小功能后进行复杂排序的方法
2012/11/08 Javascript
jquery实现动态菜单的实例代码
2013/11/28 Javascript
当jQuery1.7遇上focus方法的问题
2014/01/26 Javascript
自定义百度分享的分享按钮
2015/03/18 Javascript
详解使用vue脚手架工具搭建vue-webpack项目
2017/05/10 Javascript
Angular4如何自定义首屏的加载动画详解
2017/07/26 Javascript
angular6.0使用教程之父组件通过url传递id给子组件的方法
2018/06/30 Javascript
Vue.js中使用iView日期选择器并设置开始时间结束时间校验功能
2018/08/12 Javascript
基于Layui自定义模块的使用方法详解
2019/09/14 Javascript
[48:21]Mski vs VGJ.S Supermajor小组赛C组 BO3 第一场 6.3
2018/06/04 DOTA
[09:13]DOTA2-DPC中国联赛 正赛 Ehome vs Magma 选手采访 1月19日
2021/03/11 DOTA
详解Python当中的字符串和编码
2015/04/25 Python
Sanic框架基于类的视图用法示例
2018/07/18 Python
对python 判断数字是否小于0的方法详解
2019/01/26 Python
django框架实现一次性上传多个文件功能示例【批量上传】
2019/06/19 Python
Django组件content-type使用方法详解
2019/07/19 Python
通过selenium抓取某东的TT购买记录并分析趋势过程解析
2019/08/15 Python
python用pip install时安装失败的一系列问题及解决方法
2020/02/24 Python
keras 自定义loss损失函数,sample在loss上的加权和metric详解
2020/05/23 Python
pandas创建DataFrame的7种方法小结
2020/06/14 Python
Python配置pip国内镜像源的实现
2020/08/20 Python
python中if嵌套命令实例讲解
2021/02/25 Python
CSS3效果:自定义“W”形运行轨迹实例
2017/03/29 HTML / CSS
详解前端HTML5几种存储方式的总结
2016/12/27 HTML / CSS
欧舒丹比利时官网:L’OCCITANE比利时
2017/04/25 全球购物
如何利用cmp命令比较文件
2016/04/11 面试题
生产内勤岗位职责
2013/12/07 职场文书
单位办理社保介绍信
2014/01/10 职场文书
员工试用期转正自我评价
2015/03/10 职场文书
vue响应式原理与双向数据的深入解析
2021/06/04 Vue.js
js作用域及作用域链工作引擎
2022/07/07 Javascript