jQuery 使用 CSS 選擇器來(lái)選取 HTML 元素。
$('text')//標(biāo)簽 div body table etc.//類 在類名前加半角點(diǎn)號(hào)“.”表示 .contact .head .ad etc.//id 在id名前加井號(hào)“#”表示 #contact #input etc.eg.:
$("p") //選取 <p> 元素。$("p.intro") //選取所有 class="intro" 的 <p> 元素。$("p#demo") //選取所有 id="demo" 的 <p> 元素。$( "tr:odd" )//選取所有表格的奇數(shù)行另:(:eq(), :lt(), :gt(), :even, :odd)$( "div:visible" );//選取所有可見(jiàn)層$( "*" )//選擇所有內(nèi)容$( ":button" )//選中所有button元素=$("button")$( "ul.topnav > li" )//選中所有ul.topnav的子li元素jQuery 使用 類似XPath 表達(dá)式來(lái)選擇帶有給定屬性的元素。 eg.:
$("[href]") //選取所有帶有 href 屬性的元素。$("[href='#']") //選取所有帶有 href 值等于 "#" 的元素。$("[href!='#']") //選取所有帶有 href 值不等于 "#" 的元素。$("[href$='.html']") //選取所有 href 值以 ".html" 結(jié)尾的元素。$("[name~="value"]")//所有name包含value這個(gè)單詞的元素(注:不會(huì)選擇aaa-value或aaavalue)$( "a[hreflang|='en']" )//選擇所有hreflang屬性包含en的元素(可以選中en,en-us,但不能選中english)$( "input[name='first_name']" );//選取所有帶有name屬性且屬性值為first_name的input標(biāo)簽更多選擇器使用方法見(jiàn):https://api.jquery.com/category/selectors/ CSS選擇器https://www.w3.org/TR/CSS21/selector.html
|
新聞熱點(diǎn)
疑難解答
圖片精選