1. 程式人生 > >jQuery三種常見選擇器

jQuery三種常見選擇器

什麼是jQuery選擇器
jQuery選擇器允許您對DOM元素組或單個DOM節點進行操作,通過它可以準確地選取您希望應用效果的元素。

jQuery元素選擇器
jQuery使用CSS選擇器來選取 HTML 元素。
$("p")選取<p>元素。
$("p.intro")選取所有class="intro"的<p>元素。
$("p#demo")選取所有id="demo"的<p>元素。

jQuery屬性選擇器
jQuery使用XPath 表示式來選擇帶有給定屬性的元素。
$("[href]")選取所有帶有href屬性的元素。
$("[href='#']")選取所有帶有href值等於"#"的元素。
$("[href!='#']")選取所有帶有href值不等於"#"的元素。
$("[href$='.jpg']")選取所有href值以".jpg"結尾的元素。

jQuery CSS選擇器

jQuery CSS選擇器可用於改變HTML元素的CSS屬性。
下面的例子把所有p元素的背景顏色更改為紅色:
例項
$("p").css("background-color","red");

本文內容來源:http://www.w3school.com.cn/jquery/jquery_selectors.asp