CSS和jQuery選擇器

2021-06-29 12:36:08 字數 1509 閱讀 2046

css選擇器主要包括:標籤選擇器,id選擇器,類選擇器,臨近選擇器,後代選擇器,子

選擇器,屬性選擇器,群組選擇器,通配選擇器,偽類選擇器~

jquery選擇器主要包括:基本選擇器,層次選擇器,過濾選擇器,表單選擇器~

1基本選擇器,例如:$("#id"), $(".class"), 

$("div"), $("*"), $("div,span,p.myclass")~

2層次選擇器,例如

$("ancestor descendant"), $("parent>child"), $("prev+next")=$("prev").next("next"),$("prev~siblings")=

$("prev").nextall("siblings")~

3過濾選擇器,又包括基本過濾,內容過濾,可見性過濾,屬性過濾,子元素過濾,表單

物件屬性過濾選擇器

3.1 基本過濾選擇器,例如:$("div:first")

,$("div:last")

,$("input:even")

,$("input:odd"),

$("div:animated")

,$(":focus")~

3.2 內容過濾選擇器,例如:$("div:contains('我')")【選取文字中含有『我』的div】

,$("div:has(p)")【選取含有元素的】~

3.3 可見性過濾選擇器,例如:$(".hidden")

,$(".visible")~

3.4屬性過濾選擇器,例如:

$("div[title]")

,$("div[title=test]")

,$("div[name=one]")

,$("div[title^=te]"),

$("div[title$=st]")

,$("div[title*=es]"),

$("div[title]="en"])【選取title等於en或者以en為字首(en跟連字元『-』)的div】,

$("div[title~='uk']")【選取類似於「title=『en uk」的div】

,$("div[id][title$=st]")~

3.5 子元素過濾選擇器,例如:$("div.one:nth-child(2)")【nth-child(index),index從1開始】

,$("div.one:first-child")【選取所有class為one的第乙個子元素,而

$("div:first")僅返回單個元素】~

3.6 表單物件屬性過濾選擇器,例如$("input:checked")

【選取所有被選中的元素(單選框,核取方塊)】,$("select:selected")

【選取所有被選中的選項元素(下拉列表)】~

4 表單選擇器,例如:$("#form:input"),$("#form1:text"),$("#form1:password"),

$("#form1:button"),$("#form1:file")~

jquery選擇器和css選擇器

今天開發中碰到乙個問題。class maindiv class mydiv name id div class mydiv name id div class mydiv name id div class mydiv name id div div 是這樣,我獲取class mydiv 下面的某乙...

css和jquery選擇器

基本 id選擇器 類選擇器 萬用字元 元素選擇器 element 並集選擇器 div1,div2 交集選擇器 無 div1 div2 層級後代 空格 所有後代元素 子代 所有子元素 相鄰的下乙個兄弟元素 ul div ul相鄰的下乙個元素且為div 後面的所有兄弟元素 ul div ul後面的所有兄...

JQuery選擇器之CSS選擇器

語法描述 選擇所有元素 選擇特定型別的元素 選擇具有特定class的元素 選擇具有特定class的某類元素 id 選擇具有特定id屬性值的元素 語法描述 attr 選取定義了attr屬性的元素,即使這個屬性值為空 attr val 選擇attr屬性值等於字串val的元素 attr val 選擇att...