jquery判斷頁(yè)面中是否存在某元素,有一個(gè)思路是這樣的:
創(chuàng)新互聯(lián)專(zhuān)業(yè)為企業(yè)提供余杭網(wǎng)站建設(shè)、余杭做網(wǎng)站、余杭網(wǎng)站設(shè)計(jì)、余杭網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)與制作、余杭企業(yè)網(wǎng)站模板建站服務(wù),10年余杭做網(wǎng)站經(jīng)驗(yàn),不只是建網(wǎng)站,更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。
比如:我們要判斷頁(yè)面中是否存在div元素,那么我們可以這樣寫(xiě):
script
if($('div').length0) {
alert('頁(yè)面中存在div元素');
} else {
alert('頁(yè)面中不存在div元素');
}
/script
上述代碼思路說(shuō)明 : 判斷某一個(gè)元素的集合的個(gè)數(shù)。若是為0,則代表沒(méi)有這樣元素;若是大于0,則代表有這個(gè)元素。
純手打,望采納。
在jQuery中,你能夠使用.length屬性來(lái)檢測(cè)一個(gè)元素是否存在。如果元素存在,則length屬性會(huì)返回所以匹配的元素的個(gè)數(shù)。
例如:
if($('#div1').length){
alert("Div1?exists");
}else{
alert("Div1?does?not?exists");
}
此用來(lái)檢測(cè)一個(gè)id為div1的元素是否存在。
Jquery length 例子
html
head
scripttype="text/javascript"src="jquery-1.3.2.min.js"/script
/head
body
h1jQuery?check?if?an?element?exists/h1
scripttype="text/javascript"
$(document).ready(function(){
$("#buttonDiv1").click(function?()?{
if($('#div1').length){
alert("Div1?exists");
}else{
alert("Div1?does?not?exists");
}
});
$("#buttonDiv2").click(function?()?{
if($('#div2').length){
alert("Div2?exists");
}else{
alert("Div2?does?not?exists");
}
});
});
/script
/headbody
divid="div1"
bThis?is?DIV?element?which?has?an?ide?of?"div1"/b
/div
br/
br/
br/
inputtype='button'value='div1?exists?'id='buttonDiv1'
inputtype='button'value='div2?exists?'id='buttonDiv2'
/body
/html
在傳統(tǒng)的Javascript里,當(dāng)我們對(duì)某個(gè)頁(yè)面元素進(jìn)行某種操作前,最好先判斷這個(gè)元素是否存在。原因是對(duì)一個(gè)不存在的元素進(jìn)行操作是不允許的。例如:
document.getElementById("someID").innerText("hi");
如果ID為"someID"的元素不存在,我們將得到Javascript運(yùn)行錯(cuò)誤:document.getElementById("someID") is null
正確的寫(xiě)法應(yīng)該是:
obj = document.getElementById("someID");
if (obj){
obj.innerText("hi");
}
那么在jQuery,我們?nèi)绾闻袛囗?yè)面元素存在與否呢?如果參照上面的傳統(tǒng)Javascript的寫(xiě)法,我們第一個(gè)想到的辦法一定是:
if ($("#someID")){
$("#someID").text("hi");
}
可是這么寫(xiě)是不對(duì)的!因?yàn)閖Query對(duì)象永遠(yuǎn)都有返回值,所以$("someID")總是TRUE,IF語(yǔ)句沒(méi)有起到任何判斷作用。正確的寫(xiě)法應(yīng)該是:
if ( $("#someID").length 0 ) {
$("#someID").text("hi");
}
注意:判斷某個(gè)頁(yè)面元素存在與否在jQuery實(shí)際上是沒(méi)有必要的,jQuery本身會(huì)忽略對(duì)一個(gè)不存在的元素進(jìn)行操作,并且不會(huì)報(bào)錯(cuò)。
可以使用length屬性來(lái)判斷一個(gè)元素是否存在,獲取一個(gè)元素后,如果該對(duì)象的length大于零則該元素存在否則不存在。
工具原料:編輯器、瀏覽器
1、使用jQuery選擇器選擇一個(gè)元素然后判斷其length的值,length大于零則該元素存在否則不存在,代碼如下:
!DOCTYPE?html
html?lang="zh-cn"
body
img?src="1.jpg"
script?type="text/javascript"
if?($("img").length??0){?
alert("該元素存在");?
}
/script
/body
/html
2、運(yùn)行的結(jié)果如下:
文章標(biāo)題:jquery存在元素,jquery判斷元素是否存在屬性
文章起源:http://vcdvsql.cn/article24/dsiedce.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供建站公司、虛擬主機(jī)、ChatGPT、軟件開(kāi)發(fā)、網(wǎng)站改版、網(wǎng)站設(shè)計(jì)公司
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)