jQuery 二 選擇器

2022-07-16 01:24:10 字數 646 閱讀 4053

1.jq的選擇器:

$("#box")    獲取到乙個id為box的節點

$(".box")    獲取到所有class為box的節點

$("div")    獲取到所有div的節點 

$("#box p")    獲取到乙個id為box節點下面的所有p標籤

$("ul").children("span")  獲取到ul標記下的span標籤;   

$("ul").children()  獲取到ul標記下的所有子標籤;   

2: jq的過濾選擇器:(俗稱: 條件選擇器)

$("li:even")    選中所有下標為偶數的li

$("li:odd")      選中所有下標為奇數的li

3: jq  獲取當前觸碰節點的下標值:  $(this).index();

$(this).addclass("class");          給某個選中的元素新增乙個類名;

$(this).removeclass("class");    給某個選中的元素刪除乙個類名;    

$(this).addclass("class").siblings().removeclass("class");    給當前得元素節點加上乙個class 並刪除掉同級兄弟元素有相同class的class;

二 jQuery選擇器

jquery選擇器的優勢 1.簡潔的寫法 2.支援css1到css3選擇器,瀏覽器相容性好 3.完善的處理機制,使用jquery獲取網頁中不存在的元素不會報錯 注意 當要用jquery檢查某個元素在網頁上是否存在時,應該根據獲取到元素的長度來判斷或者轉化成dom物件來判斷,如下 if tt leng...

jQuery(二)選擇器

jquery選擇器 1.基本選擇器 jquery選擇器用於查詢滿足條件的元素。1.id id 選擇器,document.getelementbyid id 2.div 元素選擇器 document.getelementsbytagname div 3.myclass 類選擇器 返回所有 class ...

jQuery 選擇器(二)

過濾選擇器 過濾選擇器,就是在選擇器中通過 新增過濾條件。按照不同的過濾規則,過濾選擇器可以分為基本過濾,內容過濾,可見性過濾,屬性過濾,子元素過濾和表單物件屬性過濾選擇器。基本過濾選擇器 1.獲取第乙個input元素 var input query input first 2.獲取最後乙個inpu...