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复制对象使用说明
Jun 28 Javascript
Javascript实现真实字符串剩余字数提示的实例代码
Oct 22 Javascript
javascript学习笔记(五)原型和原型链详解
Oct 08 Javascript
简单谈谈node.js 版本控制 nvm和 n
Oct 15 Javascript
JavaScript 模块的循环加载实现方法
Dec 13 Javascript
JS返回只包含数字类型的数组实例分析
Dec 16 Javascript
原生JS仿QQ阅读点击展开、收起效果
Mar 08 Javascript
vue2.0多条件搜索组件使用详解
Mar 26 Javascript
Bootstrap栅格系统的使用详解
Oct 30 Javascript
vue异步加载高德地图的实现
Jun 19 Javascript
详解Vue.js在页面加载时执行某个方法
Nov 20 Javascript
解决vue里a标签值解析变量,跳转页面,前面加默认域名端口的问题
Jul 22 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中strlen和mb_strlen用法实例分析
2016/11/12 PHP
PHP MYSQL简易交互式站点开发
2016/12/27 PHP
jquery实现marquee效果(文字或者图片的水平垂直滚动)
2013/01/07 Javascript
js实现精美的银灰色竖排折叠菜单
2015/05/16 Javascript
jQuery获取URL请求参数的方法
2015/07/18 Javascript
JS模拟并美化的表单控件完整实例
2015/08/19 Javascript
Node.js中使用socket创建私聊和公聊聊天室
2015/11/19 Javascript
Express实现前端后端通信上传图片之存储数据库(mysql)傻瓜式教程(一)
2015/12/10 Javascript
jQuery的文档处理程序详解
2016/05/10 Javascript
想学习javascript JS和jQuery哪个重要 先学哪个
2016/12/11 Javascript
微信小程序教程系列之新建页面(4)
2017/04/17 Javascript
Angular.js中angular-ui-router的简单实践
2017/07/18 Javascript
React native ListView 增加顶部下拉刷新和底下点击刷新示例
2018/04/27 Javascript
JS实现判断图片是否加载完成的方法分析
2018/07/31 Javascript
Nuxt升级2.0.0时出现的问题(小结)
2018/10/08 Javascript
ES6入门教程之Array.from()方法
2019/03/23 Javascript
vue如何限制只能输入正负数及小数
2019/07/04 Javascript
vue使用video.js进行视频播放功能
2019/07/18 Javascript
在 Vue 中使用 JSX 及使用它的原因浅析
2020/02/10 Javascript
[08:53]DOTA2-DPC中国联赛 正赛 PSG.LGD vs LBZS 选手采访
2021/03/11 DOTA
Python中的XML库4Suite Server的介绍
2015/04/14 Python
python实现自动登录人人网并采集信息的方法
2015/06/28 Python
python 开发的三种运行模式详细介绍
2017/01/18 Python
Python中pip更新和三方插件安装说明
2018/07/08 Python
Python3匿名函数用法示例
2018/07/25 Python
GAP欧盟网上商店:GAP EU
2016/09/13 全球购物
京东港澳售:京东直邮港澳台
2018/01/31 全球购物
一个C/C++编程面试题
2013/11/10 面试题
TCP/IP中的TCP和IP分别承担什么责任
2012/04/21 面试题
Linux面试经常问的文件系统操作命令
2016/10/04 面试题
中西医结合临床医学专业大学生自荐信
2013/09/28 职场文书
2014年医院工作总结
2014/11/20 职场文书
天那边观后感
2015/06/09 职场文书
教师培训简讯
2015/07/20 职场文书
职工趣味运动会开幕词
2016/03/04 职场文书
idea 在springboot中使用lombok插件的方法
2021/08/02 Java/Android