关于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官方站点看到了另一个方法.更加简单,给大家分享出来: 官方给的函数名为CheckboxGroup;顾名思义就是选取一组CHECKBOX.最新版是在6月18号发布的:2008-08-08
这篇文章主要介绍了8款超赞的jQuery评分插件，推荐给大家，有需要的小伙伴可以参考下2015-08-08
这篇文章主要介绍了jQuery如何获取/设置/删除DOM元素的属性,需要的朋友可以参考下2014-05-05
这篇文章主要介绍了jQuery实现table表格信息的展开和缩小功能,涉及jQuery事件响应及页面元素遍历、属性修改相关操作技巧,需要的朋友可以参考下2018-07-07
Jquery选择子控件”>“：在给定的父元素下匹配所有的子元素；另一个就是在给定的祖先元素下匹配所有的后代元素，具体概述及使用示例如下，感兴趣的朋友可以参考下哈2013-06-06
jQuery Mobile和HTML5的组合可以直接开发web版的app，下面通过本教程给大家分享jQuery Mobile和HTML5开发App推广注册页的实例代码，感兴趣的朋友参考下吧2016-11-11
下面小编就为大家带来一篇浅谈jquery中ajax跨域提交的时候会有2次请求的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-11-11
jquery.form.js框架实现文件上传功能案例解析（springmvc）
这篇文章主要为大家详细介绍了jquery.form.js/springmvc文件上传功能的实现步骤，使用的技术有jquery.form.js框架，以及springmvc框架，具有实用价值，感兴趣的小伙伴们可以参考一下2016-05-05
jQuery Password Validation密码验证
这篇文章主要介绍了jQuery Password Validation密码验证的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
这篇文章主要介绍了谈谈jQuery之Deferred源码剖析,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-12-12
最新评论