Jquery下判断Id是否存在的代码


Posted in Javascript onJanuary 06, 2011

一、判断对象对象是否存在

如果是下面的 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”

三、根据子节点查找父节点

<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 入门·JavaScript 具有全范围的运算符
Oct 01 Javascript
JS网络游戏-(模拟城市webgame)提供的一些例子下载
Oct 14 Javascript
浏览器页面区域大小的js获取方法
Sep 21 Javascript
JS中FRAME的操作问题实例分析
Oct 21 Javascript
JS实现控制表格行内容垂直对齐的方法
Mar 30 Javascript
jQuery实现的简单百分比进度条效果示例
Aug 01 Javascript
ThinkJS中如何使用MongoDB的CURD操作
Dec 13 Javascript
jQuery排序插件tableSorter使用方法
Feb 10 Javascript
es6学习笔记之Async函数基本教程
May 11 Javascript
vue router demo详解
Oct 13 Javascript
详解利用Angular实现多团队模块化SPA开发框架
Nov 27 Javascript
微信小程序 this.triggerEvent()的具体使用
Dec 10 Javascript
jquery关于图形报表的运用实现代码
Jan 06 #Javascript
基于Jquery的简单图片切换效果
Jan 06 #Javascript
基于jquery的分页控件(C#)
Jan 06 #Javascript
用jquery实现的模拟QQ邮箱里的收件人选取及其他效果(一)
Jan 06 #Javascript
jQuery1.3.2 升级到jQuery1.4.4需要修改的地方
Jan 06 #Javascript
基于jQuery的试卷自动排版系统实现代码
Jan 06 #Javascript
ASP中Sub和Function的区别说明
Aug 30 #Javascript
You might like
德生S2000收音机更换“钕铁硼”全频扬声器
2021/03/02 无线电
判“新”函数:得到今天与明天的秒数
2006/10/09 PHP
WAMP环境中扩展oracle函数库(oci)
2015/06/26 PHP
PHP简单实现文本计数器的方法
2016/04/28 PHP
关于ThinkPhp 框架表单验证及ajax验证问题
2017/07/19 PHP
Aster vs KG BO3 第一场2.18
2021/03/10 DOTA
Javascript - HTML的request类
2007/01/09 Javascript
JS 分号引起的一段调试问题
2009/06/18 Javascript
jquery下为Event handler传递动态参数的代码
2011/01/06 Javascript
『jQuery』.html(),.text()和.val()的概述及使用
2013/04/22 Javascript
jQuery实现获取元素索引值index的方法
2016/09/18 Javascript
微信小程序 配置文件详细介绍
2016/12/14 Javascript
jQuery自定义元素右键点击事件(实现案例)
2017/04/28 jQuery
微信小程序非swiper组件实现的自定义伪3D轮播图效果示例
2018/12/11 Javascript
javascript触发模拟鼠标点击事件
2019/06/26 Javascript
微信小程序仿今日头条导航栏滚动解析
2019/08/20 Javascript
Java Varargs 可变参数用法详解
2020/01/28 Javascript
[00:58]2016年国际邀请赛勇士令状宣传片
2016/06/01 DOTA
[53:44]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Magma BO3 第一场 1月31日
2021/03/11 DOTA
Python连接DB2数据库
2016/08/27 Python
Python列表list操作符实例分析【标准类型操作符、切片、连接字符、列表解析、重复操作等】
2017/07/24 Python
widows下安装pycurl并利用pycurl请求https地址的方法
2018/10/15 Python
在Python中给Nan值更改为0的方法
2018/10/30 Python
Flask之请求钩子的实现
2018/12/23 Python
Python socket实现多对多全双工通信的方法
2019/02/13 Python
Pytorch 卷积中的 Input Shape用法
2020/06/29 Python
Pycharm新手使用教程(图文详解)
2020/09/17 Python
Holiday Inn中国官网:IHG旗下假日酒店预订
2018/04/08 全球购物
德国网上花店:Valentins
2018/08/15 全球购物
荷兰天然和有机产品网上商城:BigGreenSmile.nl
2020/07/26 全球购物
安全资料员岗位职责
2013/12/14 职场文书
学生出入校管理制度
2014/01/16 职场文书
2015年前台个人工作总结
2015/04/03 职场文书
2016父亲节感恩话语
2015/12/09 职场文书
如何用JavaScript检测当前浏览器是无头浏览器
2021/04/27 Javascript
python3 hdf5文件 遍历代码
2021/05/19 Python