關(guān)于jQuery判斷元素是否存在的問題示例探討
更新時(shí)間：2014年07月21日 17:44:00 投稿：whsnow
這篇文章主要探討了關(guān)于jQuery判斷元素是否存在的問題,需要的朋友可以參考下
是這樣的，最近做jQuery訓(xùn)練時(shí)遇到j(luò)Query判斷元素是否存在時(shí)出現(xiàn)問題.
題目如下：請(qǐng)?jiān)?選擇按鈕3"后面,添加Id=rad4,處于選擇狀態(tài)的,之后文字為"選擇按鈕4"的HTML控件,只能添加一次(自由選擇使用js原生或JQuery實(shí)現(xiàn)
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);
}
}
判斷對(duì)象是否存在這樣就夠了。if (!document.getElementById("rad4"))但是jQuery中 if (!$("#rad4"))卻是永假的的 樓樓以為 跟javascript一樣事實(shí)并非如此
在jQuery中。一旦被$("")包裝器 包裝起來 就是一個(gè)對(duì)象 不是null或未定義 所以!$("#rad4"）
永遠(yuǎn)是false 。正確做法如下
包裝器中如果沒有對(duì)象那么長(zhǎng)度就為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"));
}
}
)
}
)
相關(guān)文章
用jQuery制作模擬下拉框 瀏覽器自帶的 下拉框樣式不好看。在ie6下，下拉框的優(yōu)先級(jí)大于層，經(jīng)常導(dǎo)致下拉框顯示在層的上面。2010-03-03
jQuery使用post方法提交數(shù)據(jù)實(shí)例
這篇文章主要介紹了jQuery使用post方法提交數(shù)據(jù),實(shí)例分析了jQuery中post方法的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
分享一個(gè)自己動(dòng)手寫的jQuery分頁(yè)插件
本文主要是將自己動(dòng)手些jquery分頁(yè)插件的思路和步驟分享給大家，本分頁(yè)插件功能很簡(jiǎn)單，但是卻很實(shí)用，不想其他插件似的，功能一大堆。好了，廢話不多說，還是看正文吧2014-08-08
JQuery與Ajax常用代碼實(shí)現(xiàn)對(duì)比
JQuery與Ajax常用代碼實(shí)現(xiàn)對(duì)比，大家可以看下，根據(jù)實(shí)際情況選用。2009-10-10
取選中的radio的值2010-01-01
jQuery+html5實(shí)現(xiàn)div彈出層并遮罩背景
今天在項(xiàng)目中用到了一個(gè)很好的div彈出層效果，jQuery+html5實(shí)現(xiàn)div彈出層并遮罩背景，效果非常棒，拿出來和大家一起分享！2015-04-04
輕松掌握jQuery中wrap()與unwrap()函數(shù)的用法
wrap()能夠?qū)⒅付℉TML元素包裹DOM結(jié)構(gòu),與之相反unwrap()函數(shù)則是將DOM去掉^^下面讓我們來以兩個(gè)小例子輕松掌握jQuery中wrap()與unwrap()函數(shù)的用法:)2016-05-05
jQuery實(shí)現(xiàn)的網(wǎng)頁(yè)換膚效果示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的網(wǎng)頁(yè)換膚效果,結(jié)合完整實(shí)例形式分析了jQuery通過修改link標(biāo)簽的href屬性值實(shí)現(xiàn)換膚效果的相關(guān)技巧,需要的朋友可以參考下2016-09-09
jQuery實(shí)現(xiàn)checkbox的簡(jiǎn)單操作
這篇文章主要介紹了jQuery實(shí)現(xiàn)checkbox的簡(jiǎn)單操作，對(duì)復(fù)選框組的全選、全不選、不全選，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-11-11
淺談事件冒泡、事件委托、jQuery元素節(jié)點(diǎn)操作、滾輪事件與函數(shù)節(jié)流
下面小編就為大家?guī)硪黄獪\談事件冒泡、事件委托、jQuery元素節(jié)點(diǎn)操作、滾輪事件與函數(shù)節(jié)流。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-07-07