1. 程式人生 > >JQuery 選擇某個td中第二個a標籤 控制特殊樣式

JQuery 選擇某個td中第二個a標籤 控制特殊樣式

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");