用jQuery檢查某個元素在網(wǎng)頁上是否存在時,應該根據(jù)獲取元素的長度來判斷,代碼如下:
創(chuàng)新互聯(lián)主要從事成都做網(wǎng)站、網(wǎng)站制作、網(wǎng)頁設計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務。立足成都服務高密,十多年網(wǎng)站建設經(jīng)驗,價格優(yōu)惠、服務專業(yè),歡迎來電咨詢建站服務:18980820575
if($("#tt").length 0) {
//元素存在時執(zhí)行的代碼
}
具體原因如下:
在JavaScript中,我們在使用傳統(tǒng)的getElementById()和getElementsByTagName()時,如果在網(wǎng)頁中找不到相
關(guān)元素,那么瀏覽器就會報錯,影響后續(xù)代碼的執(zhí)行,所以為了避免瀏覽器報錯,可以對元素進行判斷,例如:
if(document.getElementById("tt")) {//js判斷元素是否存在
document.getElementById("tt").style.color = "red";
}
如果要操作的元素很多,就需要大量重復的工作,這往往讓人厭倦。而jQuery的一大優(yōu)勢就是它完善的處理機制,即使用jQuery獲取網(wǎng)頁中
不存在的元素也不會報錯。這是因為$("#tt")獲取的永遠是對象,即使網(wǎng)頁上沒有此元素。因此當要用jQuery檢查某個元素在網(wǎng)頁上是否存在時,不能使用以下代碼:
if($("#tt")) {
//永遠執(zhí)行,不管元素是否存在
}
這就是為什么要根據(jù)元素的長度來判斷元素在頁面中是否存在的原因。
這個可以有多種方法,如下:
1.判斷子元素是否存在???
//一級子元素????
if?($(?"#specialId:has(img)"?).length==0){????
//沒有img子元素
}else{????
//有img子標記????
}??
2.選擇特定id元素下的特定id子元素????
$("#form"?).children(?"#t"?)
3.選擇特定id元素下的子元素?
$("ul#uli:nth-child(2)"?)
因此在用js對某個元素的屬性進行操作時,應先判斷元素是否存在。 注意如下幾種判斷方法,根據(jù)實際情況選擇使用: 1. 判斷表單元素是否存在(一) if ( periodPerMonth in document.theForm ){ return true;else return false;} 2. 判斷頁面元素是否存在 if (document.getElementById(XXX)){//存在} 3. 判斷表單元素是否存在(二) if (document.theForm.periodPerMonth){//存在}或 if(typeof(document.theForm.periodPerMonth)==object){//存在} 4. 判斷表單是否存在 if (document.theForm){//存在}5.用Jquery寫腳本
jquery判斷頁面中是否存在某元素,有一個思路是這樣的:
比如:我們要判斷頁面中是否存在div元素,那么我們可以這樣寫:
script
if($('div').length0) {
alert('頁面中存在div元素');
} else {
alert('頁面中不存在div元素');
}
/script
上述代碼思路說明 : 判斷某一個元素的集合的個數(shù)。若是為0,則代表沒有這樣元素;若是大于0,則代表有這個元素。
純手打,望采納。
在傳統(tǒng)的Javascript里,當我們對某個頁面元素進行某種操作前,最好先判斷這個元素是否存在。原因是對一個不存在的元素進行操作是不允許的。例如:
document.getElementById("someID").innerText("hi");
如果ID為"someID"的元素不存在,我們將得到Javascript運行錯誤:document.getElementById("someID") is null
正確的寫法應該是:
obj = document.getElementById("someID");
if (obj){
obj.innerText("hi");
}
那么在jQuery,我們?nèi)绾闻袛囗撁嬖卮嬖谂c否呢?如果參照上面的傳統(tǒng)Javascript的寫法,我們第一個想到的辦法一定是:
if ($("#someID")){
$("#someID").text("hi");
}
可是這么寫是不對的!因為jQuery對象永遠都有返回值,所以$("someID")總是TRUE,IF語句沒有起到任何判斷作用。正確的寫法應該是:
if ( $("#someID").length 0 ) {
$("#someID").text("hi");
}
注意:判斷某個頁面元素存在與否在jQuery實際上是沒有必要的,jQuery本身會忽略對一個不存在的元素進行操作,并且不會報錯。
網(wǎng)站題目:jquery判斷元素是否存在,jquery判斷是否顯示
URL標題:http://jinyejixie.com/article12/dsdgjdc.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供企業(yè)網(wǎng)站制作、關(guān)鍵詞優(yōu)化、微信小程序、外貿(mào)網(wǎng)站建設、靜態(tài)網(wǎng)站、網(wǎng)站設計公司
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)