关于jQuery判断元素是否存在的问题示例探讨


Posted in Javascript onJuly 21, 2014

是这样的,最近做jQuery训练时遇到jQuery判断元素是否存在时出现问题.

题目如下:请在"选择按钮3"后面,添加Id=rad4,处于选择状态的,之后文字为"选择按钮4"的HTML控件,只能添加一次(自由选择使用js原生或JQuery实现

function addradio() 
{ 
if (!document.getElementById("rad4")) 
{ 
var main = document.getElementById("radioContainer"); 

var input = document.createElement("input"); 
input.setAttribute("type", "radio"); 
input.setAttribute("id", "rad4"); 
var span = document.createElement("span"); 
var txt = document.createTextNode("选择按钮4"); 
span.appendChild(txt); 
main.appendChild(input); 
main.appendChild(span); 
} 
}

判断对象是否存在这样就够了。if (!document.getElementById("rad4"))但是jQuery中 if (!$("#rad4"))却是永假的的 楼楼以为 跟javascript一样事实并非如此

在jQuery中。一旦被$("")包装器 包装起来 就是一个对象 不是null或未定义 所以!$("#rad4")

永远是false 。正确做法如下

包装器中如果没有对象那么长度就为0;只需要这样就ok了

$(function () 
{ 

$(".domtree div:eq(6) input:eq(1)").click(function () 
{ 
if ($("#rad4").length < 1) 
{ 
$("<input type='radio' id='rad4'> <span>选择按钮4</span>").appendTo($("#radioContainer")); 
} 
} 
) 

} 
)
Javascript 相关文章推荐
JS 动态加载脚本的4种方法
May 05 Javascript
jquery 模式对话框终极版实现代码
Sep 28 Javascript
javascript 操作cookies及正确使用cookies的属性
Oct 15 Javascript
js获取select选中的option的text示例代码
Dec 19 Javascript
JavaScript 事件入门知识
Apr 13 Javascript
JS组件Bootstrap实现图片轮播效果
May 16 Javascript
Jquery实现上下移动和排序代码
Oct 17 Javascript
JS计算输出100元钱买100只鸡问题的解决方法
Jan 04 Javascript
代码详解javascript模块加载器
Mar 04 Javascript
json字符串传到前台input的方法
Aug 06 Javascript
JavaScript判断数组类型的方法
Oct 23 Javascript
详解js中的原型,原型对象,原型链
Jul 16 Javascript
一个简单的jQuery计算器实现了连续计算功能
Jul 21 #Javascript
JavaScript访问CSS属性的几种方式介绍
Jul 21 #Javascript
javascript实现的元素拖动函数宿主为浏览器
Jul 21 #Javascript
javascript定义变量时有var和没有var的区别探讨
Jul 21 #Javascript
JQuery中$(document)是什么意思有什么作用
Jul 21 #Javascript
jquery显示隐藏input对象
Jul 21 #Javascript
jquery实现保存已选用户
Jul 21 #Javascript
You might like
不用GD库生成当前时间的PNG格式图象的程序
2006/10/09 PHP
php生成随机密码的几种方法
2011/01/17 PHP
2014最热门的24个php类库汇总
2014/12/18 PHP
PHP加密解密实例分析
2015/12/25 PHP
PHP实现获取url地址中顶级域名的方法示例
2019/06/05 PHP
js cookies 常见网页木马挂马代码 24小时只加载一次
2009/04/13 Javascript
javascript全局变量封装模块实现代码
2012/11/28 Javascript
jquery三个关闭弹出层的小示例
2013/11/05 Javascript
jquery中的过滤操作详细解析
2013/12/02 Javascript
jquery实现拖拽调整Div大小
2015/01/30 Javascript
基于jQuery创建鼠标悬停效果的方法
2015/03/07 Javascript
JavaScript Sort 的一个错误用法示例
2015/03/20 Javascript
jQuery子窗体取得父窗体元素的方法
2015/05/11 Javascript
JS实现网页标题随机显示名人名言的方法
2015/11/03 Javascript
基于Bootstrap实现图片轮播效果
2016/05/22 Javascript
vue+vant实现商品列表批量倒计时功能
2020/01/13 Javascript
JavaScript实现移动端拖动元素
2020/11/24 Javascript
忘记ftp密码使用python ftplib库暴力破解密码的方法示例
2014/01/22 Python
分析python切片原理和方法
2017/12/19 Python
Django自定义manage命令实例代码
2018/02/11 Python
如何优雅地处理Django中的favicon.ico图标详解
2018/07/05 Python
在PYQT5中QscrollArea(滚动条)的使用方法
2019/06/14 Python
PYTHON如何读取和写入EXCEL里面的数据
2019/10/28 Python
美国修容界大佬创建的个人美妆品牌:Kevyn Aucoin Beauty
2018/12/12 全球购物
SQL数据库笔试题
2016/03/08 面试题
自主招生自荐信指南
2014/02/04 职场文书
自立自强的名人事例
2014/02/10 职场文书
买房委托公证书
2014/04/08 职场文书
入党推优材料
2014/06/02 职场文书
企业趣味活动方案
2014/08/21 职场文书
优秀共青团员事迹材料
2014/12/25 职场文书
关于感谢信的范文
2015/01/23 职场文书
2015年度优秀员工推荐信
2015/03/23 职场文书
2015年酒店工作总结范文
2015/04/07 职场文书
Mysql中存储引擎的区别及比较
2021/06/04 MySQL
AndroidStudio图片压缩工具ImgCompressPlugin使用实例
2022/08/05 Java/Android