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 相关文章推荐
Add Formatted Text to a Word Document
Jun 15 Javascript
IE FF OPERA都可用的弹出层实现代码
Sep 29 Javascript
jQuery事件绑定用法详解(附bind和live的区别)
Jan 19 Javascript
Bootstrap 3的box-sizing样式导致UEditor控件的图片无法正常缩放的解决方案
Sep 15 Javascript
js date 格式化
Feb 15 Javascript
PHP7新特性简述
Jun 11 Javascript
详解webpack 打包文件体积过大解决方案(code splitting)
Apr 10 Javascript
Vue替代marquee标签超出宽度文字横向滚动效果
Dec 09 Javascript
Vue项目中使用flow做类型检测的方法
Mar 18 Javascript
js实现随机点名器精简版
Jun 29 Javascript
使用JS实现鼠标放上图片进行放大离开实现缩小功能
Jan 27 Javascript
动态规划之使用备忘录来改进Javascript函数
Apr 07 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
重料打造自己的“宝马”---第三代
2021/03/02 无线电
十天学会php之第五天
2006/10/09 PHP
关于初学PHP时的知识积累总结
2013/06/07 PHP
PHP使用DirectoryIterator显示下拉文件列表的方法
2015/03/13 PHP
extjs 列表框(multiselect)的动态添加列表项的方法
2009/07/31 Javascript
jQuery 行级解析读取XML文件(附源码)
2009/10/12 Javascript
浅谈Javascript鼠标和滚轮事件
2012/06/27 Javascript
AngularJS实现Model缓存的方式
2016/02/03 Javascript
通过node-mysql搭建Windows+Node.js+MySQL环境的教程
2016/03/01 Javascript
自己封装的一个简单的倒计时功能实例
2016/11/23 Javascript
jQuery分页插件jquery.pagination.js使用方法解析
2017/02/09 Javascript
jQuery源码分析之sizzle选择器详解
2017/02/13 Javascript
javascript高仿热血传奇游戏实现代码
2018/02/22 Javascript
微信小程序实现弹出菜单功能
2018/06/12 Javascript
JQuery模拟实现网页中自定义鼠标右键菜单功能
2018/11/14 jQuery
JavaScript实现简单的计算器
2020/01/16 Javascript
JS严格模式原理与用法实例分析
2020/04/27 Javascript
使用next.js开发网址缩短服务的方法
2020/06/17 Javascript
[09:40]DAC2018 4.5 SOLO赛 MidOne vs Miracle
2018/04/06 DOTA
python实现目录树生成示例
2014/03/28 Python
python使用openpyxl库修改excel表格数据方法
2018/05/03 Python
详解Django中间件的5种自定义方法
2018/07/26 Python
Python3.5装饰器典型案例分析
2019/04/30 Python
Python threading的使用方法解析
2019/08/28 Python
pygame实现贪吃蛇游戏(上)
2019/10/29 Python
pytorch:torch.mm()和torch.matmul()的使用
2019/12/27 Python
详解Python中list[::-1]的几种用法
2020/11/16 Python
英国在线花园中心:You Garden
2018/06/03 全球购物
车库门开启器、遥控器和零件:Chamberlain
2019/04/09 全球购物
英国和世界各地预订便宜的酒店:LateRooms.com
2019/05/05 全球购物
学雷锋活动总结报告
2014/06/26 职场文书
给医院的感谢信
2015/01/21 职场文书
mysql left join快速转inner join的过程
2021/06/30 MySQL
解决pycharm下载库时出现Failed to install package的问题
2021/09/04 Python
Win11快速关闭所有广告推荐
2022/04/19 数码科技
MySQL中的全表扫描和索引树扫描
2022/05/15 MySQL