????:本章節(jié)講到了jquery的六類選擇器:基本選擇器 層級選擇器 順序選擇器 內容選擇器 屬性選擇器與表單選擇器。個人理解:其它幾種選擇器是在基本選擇器后加修飾進行的操作,主要用到了 :號以及[] 括號,大量用到了各種運算符來限定條件 (這里最糊涂的就是這個空格符了,還根本沒莫清規(guī)律!)。每一類選擇器都講了多種方法基本選擇器講到了:$('#id名')根據(jù)元素ID進行選擇$('.
本章節(jié)講到了jquery的六類選擇器:基本選擇器 層級選擇器 順序選擇器 內容選擇器 屬性選擇器與表單選擇器。
個人理解:其它幾種選擇器是在基本選擇器后加修飾進行的操作,主要用到了 :號以及[] 括號,大量用到了各種運算符來限定條件 (這里最糊涂的就是這個空格符了,還根本沒莫清規(guī)律!)。
每一類選擇器都講了多種方法
基本選擇器講到了:
$('#id名')根據(jù)元素ID進行選擇
$('.class')根據(jù)元素class進行選擇
$('document')根據(jù)元素本身標簽進行選擇
$('*')通配全選擇
層級選擇器講了:
$('ul > li') 根據(jù)父子關系進行選擇
$('div ul il') 根據(jù)document文擋流的順序選擇后代元素
$('ul + span') 選擇兩個平級相鄰的元素
$('div ~ li') 選擇div元素document文擋流后面所有的li元素
順序選擇器講了:
$(':first')選擇某個元素的第一個
$(':last')選擇某個元素的最后一個
$(':gt(x)')選擇順序大于X值的元素
$(':lt(x)')選擇順序小于X值的元素
$(':eq(x)')選擇順序等于X值的元素
$(':add')根據(jù)元素順序的奇數(shù)選定
$(':even')根據(jù)元素順序的偶數(shù)選定
內容選擇器講到了:(個人理解:內容選擇器主要是對內容的篩選進行的,類似搜索或正則匹配)
$(':contains(內容)') 選擇元素內容與contains(內容)對應的元素
$(':has(p)') 選擇元素中含有HAS(P)的元素(個人理解:contains是匹配選擇元素是內容,has是匹配選擇的是標簽)
$('X:empyty') 選擇為空的X元素,不含有內容或標簽
$('x:parment') 選擇不為空的X元素,不管是里有內容或是標簽都算數(shù)
屬性選擇器講了:(個人理解:屬性選擇器大量用到了邏輯運算來進行元素屬性的匹配選擇)
$('[name]') 選擇元素設置了name屬性的所有元素
$('[name=username]') 選擇元素設置name=username屬性的元素
$('[name != username ]') 選擇元素設置name不等于username屬性的所有元素
$('[type ^= x]') 選擇元素設置type屬性 值以X開頭的所有元素
$('[type $= xx]')選擇元素設置type屬性 值以Xx結尾的所有元素
$('[type *= xx]')選擇元素設置type屬性 值包含有XX的所有元素
$('type[1] name[1] id[1]') 復合選擇器,選擇設置有多個屬性和值相等的所有元素
表單選擇器講了:
$(':enabled') 選擇表單中激活(或是可用)的元素
$(':disabled') 選擇表單中設置不可用屬性的元素
$(':selected') 選擇表單中設置了選中屬性的元素,主要是針對下拉框
$(':checked') 選擇表單中設置了選中屬性的元素,主要是針對多選框(另外老師還說selected也算是checked的一種)
?? ???:韋小寶?? ??:2019-01-28 15:33:55
???? ??:總結的很不錯 選擇器還是很好掌握的 課后多練習很快就可以掌握了