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 相关文章推荐
JScript的条件编译
May 29 Javascript
Open and Print a Word Document
Jun 15 Javascript
Highcharts 非常实用的Javascript统计图demo示例
Jul 03 Javascript
解析使用JS 清空File控件的路径值
Jul 08 Javascript
js实现简单登录功能的实例代码
Nov 09 Javascript
js的参数有长度限制吗?发现不能超过2083个字符
Apr 20 Javascript
js实现的点击数量加一可操作数据库
May 09 Javascript
javascript面向对象之访问对象属性的两种方式分析
Jan 13 Javascript
JS实现动态表格的添加,修改,删除功能(推荐)
Jun 15 Javascript
使用Vuex解决Vue中的身份验证问题
Sep 28 Javascript
vue实现学生信息管理系统
May 30 Javascript
vue项目中openlayers绘制行政区划
Dec 24 Vue.js
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中print(),print_r(),echo()的区别详解
2014/12/01 PHP
PHP读取文件的常见几种方法
2016/11/03 PHP
Zend Framework常用校验器详解
2016/12/09 PHP
PHP调用API接口实现天气查询功能的示例
2017/09/21 PHP
网页自动刷新,不产生嗒嗒声的一个解决方法
2007/03/27 Javascript
JavaScript中的连字符详解
2013/11/28 Javascript
jQuery内置的AJAX功能和JSON的使用实例
2014/07/27 Javascript
jQuery 插件开发指南
2014/11/14 Javascript
JavaScript和CSS交互的方法汇总
2014/12/02 Javascript
js显示文本框提示文字的方法
2015/05/07 Javascript
详解JavaScript ES6中的模板字符串
2015/07/28 Javascript
纯jquery实现模仿淘宝购物车结算
2015/08/20 Javascript
javascript实现消灭星星小游戏简单版
2016/11/15 Javascript
Bootstrap CSS组件之导航(nav)
2016/12/17 Javascript
angular4 如何在全局设置路由跳转动画的方法
2017/08/30 Javascript
Intellij IDEA搭建vue-cli项目的方法步骤
2018/10/20 Javascript
vue swipe自定义组件实现轮播效果
2019/07/03 Javascript
使用Vant完成DatetimePicker 日期的选择器操作
2020/11/12 Javascript
玩转python爬虫之URLError异常处理
2016/02/17 Python
Python操作mongodb数据库进行模糊查询操作示例
2018/06/09 Python
Python使用pickle模块实现序列化功能示例
2018/07/13 Python
Python API len函数操作过程解析
2020/03/05 Python
如何在python中实现线性回归
2020/08/10 Python
一款利用纯css3实现的超炫3D表单的实例教程
2014/12/01 HTML / CSS
Boutique 1美国:阿联酋奢侈时尚零售商
2017/10/16 全球购物
英国女性时尚鞋类的潮流制造者:Koi Footwear
2018/10/19 全球购物
英国DVD和蓝光碟片购买网站:Zoom.co.uk(电影和电视)
2019/09/23 全球购物
美国优质宠物用品购买网站:Muttropolis
2020/02/17 全球购物
一篇.NET面试题
2014/09/29 面试题
软件工程师面试题
2012/06/25 面试题
机械工程师求职自我评价
2013/09/23 职场文书
军校制空专业毕业生自我鉴定
2013/11/16 职场文书
妇女工作先进事迹
2014/08/17 职场文书
《雷雨》教学反思
2016/02/20 职场文书
如何理解python接口自动化之logging日志模块
2021/06/15 Python
windows10声卡驱动怎么安装?win10声卡驱动安装操作步骤教程
2022/08/05 数码科技