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 apply/call/caller/callee/bind使用方法与区别分析
Oct 28 Javascript
关于js中alert弹出窗口文本换行问题简单详细说明
Dec 11 Javascript
JQuery EasyUI 数字格式化处理示例
May 05 Javascript
javascript编写实用的省市选择器
Feb 12 Javascript
基于javascript实现样式清新图片轮播特效
Mar 30 Javascript
Bootstrap CSS组件之按钮下拉菜单
Dec 17 Javascript
Vue.Draggable实现拖拽效果
Jul 29 Javascript
vue2.0 keep-alive最佳实践
Jul 06 Javascript
JavaScript内置对象math,global功能与用法实例分析
Jun 10 Javascript
vue-cli3 取消eslint校验代码的解决办法
Jan 16 Javascript
支付宝小程序实现省市区三级联动
Jun 21 Javascript
iview实现动态表单和自定义验证时间段重叠
Jan 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
基于mysql的论坛(7)
2006/10/09 PHP
Cannot modify header information错误解决方法
2008/10/08 PHP
PHP四种基本排序算法示例
2015/04/09 PHP
php面向对象重点知识分享
2019/09/27 PHP
ExtJS 2.0 实用简明教程之布局概述
2009/04/29 Javascript
jquery制作搜狐快站页面效果示例分享
2014/02/21 Javascript
js实现页面跳转重定向的几种方式
2014/05/29 Javascript
浅谈js中的闭包
2015/03/16 Javascript
JavaScript中exec函数用法实例分析
2015/06/08 Javascript
jQuery动画效果图片轮播特效
2016/01/12 Javascript
Angular中$cacheFactory的作用和用法实例详解
2016/08/19 Javascript
JavaScript中清空数组的方法总结
2016/12/02 Javascript
js上传图片预览的实现方法
2017/05/09 Javascript
详解前端路由实现与react-router使用姿势
2017/08/07 Javascript
Angular.js实现获取验证码倒计时60秒按钮的简单方法
2017/10/18 Javascript
JS实现分页浏览横向图片(类轮播)实例代码
2017/11/06 Javascript
vue使用原生swiper代码实例
2020/02/05 Javascript
vue实现购物车案例
2020/05/30 Javascript
[01:14:34]DOTA2上海特级锦标赛C组资格赛#2 LGD VS Newbee第一局
2016/02/28 DOTA
Python入门篇之数字
2014/10/20 Python
Tensorflow简单验证码识别应用
2017/05/25 Python
Python实现学校管理系统
2018/01/11 Python
PyQt5每天必学之切换按钮
2020/08/20 Python
Python实现多态、协议和鸭子类型的代码详解
2019/05/05 Python
Python Numpy 实现交换两行和两列的方法
2019/06/26 Python
python中urllib.request和requests的使用及区别详解
2020/05/05 Python
Python+PyQt5+MySQL实现天气管理系统
2020/06/16 Python
python 利用opencv实现图像网络传输
2020/11/12 Python
matplotlib部件之套索Lasso的使用
2021/02/24 Python
video.js支持m3u8格式直播的实现示例
2020/05/20 HTML / CSS
总经理司机岗位职责
2014/02/06 职场文书
关于安全演讲稿
2014/05/09 职场文书
淘宝店策划方案
2014/06/07 职场文书
开展党的群众路线教育实践活动情况汇报
2014/11/05 职场文书
公司车队管理制度
2015/08/04 职场文书
Win11 KB5015814遇安装失败 影响开始菜单性能解决方法
2022/07/15 数码科技