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