JQuery 選擇某個td中第二個a標籤 控制特殊樣式
阿新 • • 發佈:2018-12-07
a標籤沒有disabled屬性,那麼當我們想禁用a標籤的點選事件的時候按照下面方法設定。
下面是html程式碼:
<a id="entry” class="entry">進入</a>
js程式碼如下:
$(“#entry”).attr("disabled",true); $("#entry").css("pointer-events","none");
這樣就可以將a標籤設成不可點選狀態了。不過雖然是不可點選狀態,當a標籤任然是藍色,所以要人為的給他新增上灰色字型。
下面講講 pointer-events 屬性:
值為auto的時候:效果和沒有定義pointer-events屬性相同;滑鼠不會穿透當前層。在SVG中,該值和visiblePainted的效果相同。
值為none的時候:元素不在是滑鼠事件的目標,滑鼠不在監聽當前層而去監聽下面的層中的元素。但是如果他的子元素設定了
pointer-events為其他值,如auto,滑鼠還是會監聽這個子元素的。
總的來說,這個屬效能讓標籤disabled;某個元素添加了onclick事件,能讓onclick失效。
瀏覽器相容性:
firefox 3.6+ chrom 2.0+ safari 4.0+支援這個css3屬性,IE6/7/8/9不支援,11支援。
例項:
//最後一個td的第二個a標籤,不可點選 $(this).find("td:last a").eq('1').attr("disabled",true); $(this).find("td:last a").eq('1').css("pointer-events","none"); $(this).find("td:last a").eq('1').css("color","#ccc");