jquery選取器總結

標籤：style   class   blog   code   color   使用   

今天項目中使用到了jQuery的選取器，在這裡總結一下jQuery的選取器的內容。

個人認為jQuery選取器通用的有幾種，id選取器，#；類別選取器以“.”開始。以及根據標籤類型選擇則無需加上任何符號。$("#id"),$(".class"),$("input")。

一：jQuery除了這三個基本的選取器外，還附帶了一些方法，方便我們做選擇。

1、得到該標籤的所有父標籤 parents()。

2、得到該標籤直接父類標籤 parent()。

3、得到該標籤的所有兄弟標籤 siblings()。

$(radioId).parent("label").css("border-color","#0067c3");    $(radioId).siblings("em").addClass("True_bluebtn");

 

 如上所示，在使用以上方法時，還可以結合jQuery基本的三種選取器做進一步的選擇。得到目標標籤的引用。

二：radio的選擇

當radio單選框選中時的選取器寫法如下：

$(‘input[name="jobNature"]‘).filter(‘:checked‘);——選擇name為jobNature的被選中的radio