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 相关文章推荐
js中将URL中的参数提取出来作为对象的实现代码
Aug 16 Javascript
JavaScript面向对象程序设计三 原型模式(上)
Dec 21 Javascript
两个select多选模式的选项相互移动(示例代码)
Jan 11 Javascript
jQuery圆形统计图开发实例
Jan 04 Javascript
使用jQueryMobile实现滑动翻页效果的方法
Feb 04 Javascript
jQuery EasyUI 为Combo,Combobox添加清除值功能的实例
Apr 13 jQuery
关于javascript获取内联样式与嵌入式样式的实例
Jun 01 Javascript
详解vue2.0 使用动态组件实现 Tab 标签页切换效果(vue-cli)
Aug 30 Javascript
vue中使用localstorage来存储页面信息
Nov 04 Javascript
vue左侧菜单,树形图递归实现代码
Aug 24 Javascript
Vue详细的入门笔记
May 10 Vue.js
在vue中import()语法不能传入变量的问题及解决
Apr 01 Vue.js
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
2020显卡排行榜天梯图 显卡天梯图2020年3月最新版
2020/04/02 数码科技
搜索和替换文件或目录的一个好类--很实用
2006/10/09 PHP
PHP数据对象PDO操作技巧小结
2016/09/27 PHP
php+ajax实现仿百度查询下拉内容功能示例
2017/10/20 PHP
jQuery 学习 几种常用方法
2009/06/11 Javascript
js 链式延迟执行DOME
2012/01/04 Javascript
window.open的页面如何刷新(父页面)上层页面
2012/12/28 Javascript
几种延迟加载JS代码的方法加快网页的访问速度
2013/10/12 Javascript
js实现的点击div区域外隐藏div区域
2014/06/30 Javascript
js使用for循环及if语句判断多个一样的name
2014/09/09 Javascript
Easyui form combobox省市区三级联动
2016/01/13 Javascript
实例讲解使用原生JavaScript处理AJAX请求的方法
2016/05/10 Javascript
bootstrap按钮插件(Button)使用方法解析
2017/01/13 Javascript
jQuery加密密码到cookie的实现代码
2017/04/18 jQuery
Angular限制input框输入金额(是小数的话只保留两位小数点)
2017/07/13 Javascript
JS获取一个表单字段中多条数据并转化为json格式
2017/10/17 Javascript
vue.js todolist实现代码
2017/10/29 Javascript
webpack写jquery插件的环境配置
2017/12/21 jQuery
Node.js readline模块与util模块的使用
2018/03/01 Javascript
基于Vue实现拖拽效果
2018/04/27 Javascript
Vue实现简易计算器
2020/02/25 Javascript
Python标准库之循环器(itertools)介绍
2014/11/25 Python
Python数据集切分实例
2018/12/08 Python
Python实现最常见加密方式详解
2019/07/13 Python
python正则-re的用法详解
2019/07/28 Python
django 模型中的计算字段实例
2020/05/19 Python
美国时尚配饰品牌:Dooney & Bourke
2017/11/14 全球购物
final, finally, finalize的区别
2012/03/01 面试题
JSP&Servlet技术面试题
2015/05/21 面试题
大学生个人推荐信范文
2013/11/25 职场文书
文言文形式的学生求职信
2013/12/03 职场文书
本科毕业生专业自荐书范文
2014/02/05 职场文书
捐款活动总结
2014/08/27 职场文书
给客户的感谢信
2015/01/21 职场文书
幼儿教师小班个人总结
2015/02/05 职场文书
利用For循环遍历Python字典的三种方法实例
2022/03/25 Python