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 相关文章推荐
Javascript Jquery 遍历Json的实现代码
Mar 31 Javascript
深入理解JavaScript系列(11) 执行上下文(Execution Contexts)
Jan 15 Javascript
Javascript基础教程之关键字和保留字汇总
Jan 18 Javascript
Node.js中的process.nextTick使用实例
Jun 25 Javascript
jQuery时间插件jquery.clock.js用法实例(5个示例)
Jan 14 Javascript
JQuery日历插件My97DatePicker日期范围限制
Jan 20 Javascript
JS实现图片平面旋转的方法
Mar 01 Javascript
angular $watch 一个变量的变化(实例讲解)
Aug 02 Javascript
express如何使用session与cookie的方法
Jan 30 Javascript
微信小程序动态增加按钮组件
Sep 14 Javascript
vue实现拖拽效果
Dec 23 Javascript
js实现简单的贪吃蛇游戏
Apr 23 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
PHP中strtotime函数使用方法分享
2012/01/10 PHP
php中的strpos使用示例
2014/02/27 PHP
PHP生成和获取XML格式数据的方法
2016/03/04 PHP
PHP生成随机字符串实例代码(字母+数字)
2019/09/11 PHP
php加速缓存器opcache,apc,xcache,eAccelerator原理与配置方法实例分析
2020/03/02 PHP
php中try catch捕获异常实例详解
2020/08/06 PHP
javascript跟随滚动效果插件代码(javascript Follow Plugin)
2013/08/03 Javascript
Javascript中的异步编程规范Promises/A详细介绍
2014/06/06 Javascript
Prototype框架详解
2015/11/25 Javascript
如何动态加载外部Javascript文件
2015/12/02 Javascript
基于JQuery打造无缝滚动新闻步骤详解
2016/03/31 Javascript
AngularJS 中使用Swiper制作滚动图不能滑动的解决方法
2016/11/15 Javascript
jQuery实现单击按钮遮罩弹出对话框效果(2)
2017/02/20 Javascript
使用Angular 6创建各种动画效果的方法
2018/10/10 Javascript
VueJS 组件参数名命名与组件属性转化问题
2018/12/03 Javascript
关于自定义Egg.js的请求级别日志详解
2018/12/12 Javascript
用vue 实现手机触屏滑动功能
2020/05/28 Javascript
python使用ctypes模块调用windowsapi获取系统版本示例
2014/04/17 Python
wxPython窗口的继承机制实例分析
2014/09/28 Python
Python多进程库multiprocessing中进程池Pool类的使用详解
2017/11/24 Python
python递归实现快速排序
2018/08/18 Python
TensorFlow基于MNIST数据集实现车牌识别(初步演示版)
2019/08/05 Python
Python+AutoIt实现界面工具开发过程详解
2019/08/07 Python
使用 css3 transform 属性来变换背景图的方法
2019/05/07 HTML / CSS
英国足球店:UK Soccer Shop
2017/11/19 全球购物
小橄榄树:Le Petit Olivier
2018/04/23 全球购物
SportsDirect.com新加坡:英国第一体育零售商
2019/03/30 全球购物
Currentbody西班牙:美容仪专家
2019/09/28 全球购物
牧马人澳大利亚官网:Wrangler澳大利亚
2019/10/08 全球购物
销售部主管岗位职责
2013/12/18 职场文书
财政局长自荐信范文
2013/12/22 职场文书
求职简历自我评价范例
2014/03/12 职场文书
本科生自荐信
2014/06/18 职场文书
2014小学教师年度考核工作总结
2014/12/03 职场文书
校园运动会广播稿
2015/08/19 职场文书