关于jQuery判断元素是否存在的问题示例探讨
更新时间：2014年07月21日 17:44:00 投稿：whsnow
这篇文章主要探讨了关于jQuery判断元素是否存在的问题,需要的朋友可以参考下
是这样的，最近做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"));
}
}
)
}
)
相关文章
用jQuery制作模拟下拉框 浏览器自带的 下拉框样式不好看。在ie6下，下拉框的优先级大于层，经常导致下拉框显示在层的上面。2010-03-03
这篇文章主要介绍了jQuery使用post方法提交数据,实例分析了jQuery中post方法的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
本文主要是将自己动手些jquery分页插件的思路和步骤分享给大家，本分页插件功能很简单，但是却很实用，不想其他插件似的，功能一大堆。好了，废话不多说，还是看正文吧2014-08-08
JQuery与Ajax常用代码实现对比，大家可以看下，根据实际情况选用。2009-10-10
取选中的radio的值2010-01-01
今天在项目中用到了一个很好的div弹出层效果，jQuery+html5实现div弹出层并遮罩背景，效果非常棒，拿出来和大家一起分享！2015-04-04
轻松掌握jQuery中wrap()与unwrap()函数的用法
wrap()能够将指定HTML元素包裹DOM结构,与之相反unwrap()函数则是将DOM去掉^^下面让我们来以两个小例子轻松掌握jQuery中wrap()与unwrap()函数的用法:)2016-05-05
这篇文章主要介绍了jQuery实现的网页换肤效果,结合完整实例形式分析了jQuery通过修改link标签的href属性值实现换肤效果的相关技巧,需要的朋友可以参考下2016-09-09
这篇文章主要介绍了jQuery实现checkbox的简单操作，对复选框组的全选、全不选、不全选，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-11-11
浅谈事件冒泡、事件委托、jQuery元素节点操作、滚轮事件与函数节流
下面小编就为大家带来一篇浅谈事件冒泡、事件委托、jQuery元素节点操作、滚轮事件与函数节流。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
最新评论