jQuery慢慢啃之選擇器(二)

2022-05-02 23:57:10 字數 3347 閱讀 7238

1.$("#mydiv");id匹配乙個元素

$("#foo\\[bar\\]);//轉義

2.$("div");//元素標籤名匹配

3.$(".myclass"); css類名匹配

4.$("*")匹配所有元素,多用於結合上下文來搜尋

5.指定多個選擇器,把匹配結果組合返回

div

p class="myclass"

span

p class="notmyclass"

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

6.在給定的祖先元素下匹配所有的後代元素

$("form input")

7.$("form > input")//父元素下匹配所有的子元素

8.匹配所有 prev 元素後的 next 元素,包括同輩和子元素或者其他

表示式:$("label + input")

結果:[ , ]

9.第乙個選擇器的同輩

表示式:$("form ~ input")

結果:[ ]

10.$('li:first');//元素機會中 的第乙個

$("input:not(:checked)")//集合在除去某些

$("tr:even")//匹配偶數項

$("tr:odd")//匹配基項

$("tr:eq(1)")//匹配給定索引的項

$("tr:gt(0)")//匹配大於索引的項

$("p:lang(it)")//選擇語言

$('li:last')//獲取最後乙個元素

$("tr:lt(2)")//匹配

索引的項

$(":header").css("background", "#eee");//匹配如 h1, h2, h3之類的標題元素

$("div:not(:animated)").animate(, 1000);//對沒有動畫的元素執行動畫

$( document.activeelement )//當前的焦點元素

$(":root").css("background-color","yellow");//選擇該文件的根元素

$("div:contains('john')")//匹配包含給定文字的元素

$("td:empty")//匹配所有不包含子元素或者文字的空元素

$("div:has(p)")//匹配含有選擇器所匹配的元素的元素

$("td:parent")//匹配含有子元素或者文字的元素

$("tr:hidden")//匹配所有不可見元素

$("input:enabled")//匹配所有可用元素

$("input:disabled")//匹配所有不可用元素

$("input:checked")//查詢所有選中的元素

$("select option:selected")//匹配所有選中的option元素

$("div[id]")//匹配包含給定屬性的元素

$("input[name='newsletter']").attr("checked", true);//匹配給定的屬性是某個特定值的元素

$("input[name!='newsletter']").attr("checked", true);

$("input[name^='news']")//匹配給定的屬性是以某些值開始的元素

$("input[name$='letter']")//匹配給定的屬性是以某些值結尾的元素

$("input[name*='man']")//匹配給定的屬性是以包含某些值的元素

$("input[id][name$='man']")//復合屬性選擇器,需要同時滿足多個條件時使用。

$("ul li:first-child")//匹配第乙個子元素,類似的:first 匹配第乙個元素,而此選擇符將為每個父元素匹配乙個子元素

$("ul li:last-child")//:last  只匹配最後乙個元素,而此選擇符將為每個父元素匹配最後乙個子元素

$("ul li:nth-child(2)")//匹配其父元素下的第n個子或奇偶元素

:nth-last-child(n|even|odd|formula)//選擇所有他們父元素的第n個子元素。計數從最後乙個元素開始到第乙個。

:nth-of-type(n|even|odd|formula)

$("ul li:only-child")//如果某個元素是父元素中唯一的子元素,那將會被匹配

:only-of-type

$(":input")匹配所有 input, textarea, select 和 button 元素

$(":text")

$(":password")

$(":radio")

$(":checkbox")

$(":submit")

$(":image")

$(":reset")

$(":button")

$(":file")

jQuery慢慢啃之特效(八)

1.show speed,easing fn 顯示隱藏的匹配元素 speed 三種預定速度之一的字串 slow normal or fast 或表示動畫時長的毫秒數值 如 1000 easing optional 用來指定切換效果,預設是 swing 可用引數 linear p show p sho...

jQuery慢慢啃之文件處理(五)

replaceall這個幾個方法成為乙個破壞性操作,返回值是所有被追加的內容,而不僅僅是先前所選中的元素。所以,要選擇先前選中的元素,需要使用end 方法 3.prepend content 向每個匹配的元素內部前置內容。p prepend hello 4.prependto content 把所有...

jQuery筆記(二)之選擇器

id.class element selector1,selector2,selectorn ancestor descendant 選取ancestor元素裡的所有descendant後代元素 parent child 選取parent元素下的child元素 prev next 選取緊接在prev...