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 相关文章推荐
JScript 脚本实现文件下载 一般用于下载木马
Oct 29 Javascript
jQuery弹出(alert)select选择的值
Apr 21 Javascript
Javascript毫秒数用法实例
Feb 05 Javascript
jQuery切换所有复选框选中状态的方法
Jul 02 Javascript
js获取图片宽高的方法
Nov 25 Javascript
javascript实现查找数组中最大值方法汇总
Feb 13 Javascript
在Node.js中使用Javascript Generators详解
May 05 Javascript
BootStrop前端框架入门教程详解
Dec 25 Javascript
全站最详细的Vuex教程
Apr 13 Javascript
JavaScript实现表单注册、表单验证、运算符功能
Oct 15 Javascript
ES6 class的应用实例分析
Jun 27 Javascript
基于JavaScript实现控制下拉列表
May 08 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
php获取文件名后缀常用方法小结
2015/02/24 PHP
php字符串操作针对负值的判断分析
2016/07/28 PHP
PHP使用mysqli操作MySQL数据库的简单方法
2017/02/04 PHP
简单实用的PHP文本缓存类实例
2019/03/22 PHP
ThinkPHP5框架中使用JWT的方法示例
2020/06/03 PHP
javascript vvorld 在线加密破解方法
2008/11/13 Javascript
JS onmousemove鼠标移动坐标接龙DIV效果实例
2013/12/16 Javascript
图解Sublime Text3使用技巧
2015/12/21 Javascript
详解javascript的变量与标识符
2016/01/04 Javascript
javascript中数组和字符串的方法对比
2016/07/20 Javascript
JavaScript中数组的各种操作的总结(必看篇)
2017/02/13 Javascript
Vue项目组件化工程开发实践方案
2018/01/09 Javascript
微信小程序顶部导航栏滑动tab效果
2019/01/28 Javascript
[06:21]2014DOTA2国际邀请赛 庆祝VG首阶段领跑;B叔为挣牛排半夜整理情报
2014/07/13 DOTA
深入解析Python编程中JSON模块的使用
2015/10/15 Python
理解Python中的With语句
2016/03/18 Python
numpy排序与集合运算用法示例
2017/12/15 Python
Python实现对特定列表进行从小到大排序操作示例
2019/02/11 Python
深入了解Python枚举类型的相关知识
2019/07/09 Python
Python学习笔记之lambda表达式用法详解
2019/08/08 Python
Python基于read(size)方法读取超大文件
2020/03/12 Python
CSS3+Sprite实现僵尸行走动画特效源码
2016/01/27 HTML / CSS
HTML5表单验证特性(知识点小结)
2020/03/10 HTML / CSS
澳大利亚最受欢迎的美发和美容在线商店:Catwalk
2018/12/12 全球购物
《陋室铭》教学反思
2014/02/26 职场文书
2014年社团工作总结范文
2014/11/27 职场文书
2014年行风建设工作总结
2014/12/01 职场文书
陪护人员误工证明
2015/06/24 职场文书
OpenCV 图像梯度的实现方法
2021/07/25 Python
Django对接elasticsearch实现全文检索的示例代码
2021/08/02 Python
Python实现简单的俄罗斯方块游戏
2021/09/25 Python
《最终幻想14》6.01版本4月5日推出 追加新任务新道具
2022/04/03 其他游戏
Java 获取Word中所有的插入和删除修订的方法
2022/04/06 Java/Android
详解Go语言中配置文件使用与日志配置
2022/06/01 Golang
table设置超出部分隐藏,鼠标移上去显示全部内容的方法
2022/12/24 HTML / CSS
Python find()、rfind()方法及作用
2022/12/24 Python