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 相关文章推荐
基于jQuery的一个扩展form序列化到json对象
Dec 09 Javascript
JS实现图片翻书效果示例代码
Sep 09 Javascript
Node.js中AES加密和其它语言不一致问题解决办法
Mar 10 Javascript
js实现在同一窗口浏览图片
Sep 17 Javascript
jQuery实现设置、移除文本框默认值功能
Jan 13 Javascript
jQuery对html元素的取值与赋值实例详解
Dec 18 Javascript
深入php面向对象、模式与实践
Feb 16 Javascript
js创建jsonArray传输至后台及后台全面解析
Apr 11 Javascript
基于JS实现回到页面顶部的五种写法(从实现到增强)
Sep 03 Javascript
JavaScript使用面向对象实现的拖拽功能详解
Jun 12 Javascript
微信小程序实现菜单左右联动
May 19 Javascript
一篇文章带你使用Typescript封装一个Vue组件(简单易懂)
Jun 05 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 checkbox复选框值的获取与checkbox默认值输出方法
2010/05/15 PHP
php数据库连接时容易出错的特殊符号问题
2010/09/01 PHP
用php制作简单分页(从数据库读取记录)的方法详解
2013/05/04 PHP
PHP缓冲区用法总结
2016/02/14 PHP
Laravel使用memcached缓存对文章增删改查进行优化的方法
2016/10/08 PHP
PHP通过文件路径获取文件名的实例代码
2018/10/14 PHP
jquery 表格排序、实时搜索表格内容(附图)
2014/05/19 Javascript
javascript继承机制实例详解
2014/11/20 Javascript
javascript获取元素离文档各边距离的方法
2015/02/13 Javascript
javascript实现模拟时钟的方法
2015/05/13 Javascript
jQuery增加与删除table列的方法
2016/03/01 Javascript
JavaScript中setter和getter方法介绍
2016/07/11 Javascript
js获取页面引用的css样式表中的属性值方法(推荐)
2016/08/19 Javascript
jquery动态添加文本并获取值的方法
2016/10/12 Javascript
浅谈Node.js:fs文件系统模块
2016/12/08 Javascript
使用jquery+iframe做一个ajax上传效果(实例)
2017/08/24 jQuery
引入JavaScript时alert弹出框显示中文乱码问题
2017/09/16 Javascript
Vue.js 2.0和Cordova开发webApp环境搭建方法
2018/02/26 Javascript
从零开始封装自己的自定义Vue组件
2018/10/09 Javascript
微信小程序非swiper组件实现的自定义伪3D轮播图效果示例
2018/12/11 Javascript
微信小程序实现单个卡片左滑显示按钮并防止上下滑动干扰功能
2019/12/06 Javascript
vue页面加载时的进度条功能(实例代码)
2020/01/13 Javascript
使用纯前端JavaScript实现Excel导入导出方法过程详解
2020/08/07 Javascript
[01:31:22]Ti4 循环赛第四日附加赛LGD vs Mouz
2014/07/13 DOTA
浅谈python中列表、字符串、字典的常用操作
2017/09/19 Python
Python装饰器限制函数运行时间超时则退出执行
2019/04/09 Python
Pandas之ReIndex重新索引的实现
2019/06/25 Python
Python抓包程序mitmproxy安装和使用过程图解
2020/03/02 Python
python3.7中安装paddleocr及paddlepaddle包的多种方法
2020/11/27 Python
12月小学生校园广播稿
2014/02/04 职场文书
股东合作协议书范本
2014/04/14 职场文书
2014年学校食堂工作总结
2014/11/25 职场文书
2015年五四青年节活动总结
2015/02/10 职场文书
会计稽核岗位职责
2015/04/13 职场文书
javaScript Array api梳理
2021/03/31 Javascript
Win11 Beta 22621.601 和 22622.601今日发布 KB5017384修复内容汇总
2022/09/23 数码科技