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 相关文章推荐
Ext面向对象开发实践(续)
Nov 18 Javascript
jQuery中将函数赋值给变量的调用方法
Mar 23 Javascript
5个最佳的Javascript日期处理类库分享
Apr 15 Javascript
几种延迟加载JS代码的方法加快网页的访问速度
Oct 12 Javascript
JQuery解析XML的方法小结
Apr 02 Javascript
EasyUI的TreeGrid的过滤功能的解决思路
Aug 08 Javascript
Vue.set()实现数据动态响应的方法
Feb 07 Javascript
koa-router源码学习小结
Sep 07 Javascript
详解如何在Node.js的httpServer中接收前端发送的arraybuffer数据
Nov 11 Javascript
详解vue 2.6 中 slot 的新用法
Jul 09 Javascript
JS异步宏队列微队列原理详解
Sep 09 Javascript
ES6 十大特性简介
Dec 09 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分页示例代码
2007/03/19 PHP
php URL编码解码函数代码
2009/03/10 PHP
php连接与操作PostgreSQL数据库的方法
2014/12/25 PHP
用js格式化金额可设置保留的小数位数
2014/05/09 Javascript
extjs 分页使用jsp传递数据示例
2014/07/29 Javascript
JS面向对象(3)之Object类,静态属性,闭包,私有属性, call和apply的使用,继承的三种实现方法
2016/02/25 Javascript
【JS+CSS3】实现带预览图幻灯片效果的示例代码
2016/03/17 Javascript
jquery ajax局部加载方法详解(实现代码)
2016/05/12 Javascript
通过原生JS实现为元素添加事件的方法
2016/11/23 Javascript
jQuery如何跳转到另一个网页 就这么简单
2016/12/28 Javascript
Vue2学习笔记之请求数据交互vue-resource
2017/02/23 Javascript
利用Node.js+Koa框架实现前后端交互的方法
2017/02/27 Javascript
详解有关easyUI的拖动操作中droppable,draggable用法例子
2017/06/03 Javascript
jquery动态添加以及遍历option并获取特定样式名称的option方法
2018/01/29 jQuery
react-native动态切换tab组件的方法
2018/07/07 Javascript
JQuery+Bootstrap 自定义全屏Loading插件的示例demo
2019/07/03 jQuery
Layui多选只有最后一个值的解决方法
2019/09/02 Javascript
JS关闭子窗口并且刷新上一个窗口的实现示例
2020/03/10 Javascript
JS函数参数的传递与同名参数实例分析
2020/03/16 Javascript
谈谈node.js中的模块系统
2020/09/01 Javascript
[02:27]2018DOTA2亚洲邀请赛赛前采访-OpTic
2018/04/03 DOTA
[00:34]拔城逐梦,热血永恒!2020(秋)完美世界城市挑战赛报名开启
2020/10/09 DOTA
python实现登陆知乎获得个人收藏并保存为word文件
2015/03/16 Python
Python中的模块和包概念介绍
2015/04/13 Python
浅析Python多线程下的变量问题
2015/04/28 Python
python中的错误处理
2016/04/10 Python
浅谈python中copy和deepcopy中的区别
2017/10/23 Python
python学生管理系统代码实现
2020/04/05 Python
python中selenium操作下拉滚动条的几种方法汇总
2019/07/14 Python
python 如何用urllib与服务端交互(发送和接收数据)
2021/03/04 Python
中国首家奢侈品O2O网购平台:第五大道奢侈品网
2017/12/14 全球购物
毕业生多媒体设计求职信
2013/10/12 职场文书
模具数控专业自荐信
2014/01/27 职场文书
婚礼主持结束词
2014/03/13 职场文书
社会学专业求职信
2014/07/17 职场文书
党员教师批评与自我批评发言稿
2014/10/15 职场文书