HTML選擇器(css)，jQuery 選擇器

1.jQuery 選擇器

元素選擇器

$("a") 選取 <a> 元素。

$(".a") 選取 所有class=a的元素。

$("#a") 選取 id=a的元素。

 

屬性選擇器

$("[href]") 選取所有帶有 href 屬性的元素。

 

CSS 選擇器

jQuery CSS 選擇器可用於改變 HTML 元素的 CSS 屬性。

$(“#a”).css(“display”,”none”); <!—id爲a的不顯示-->

 

參考文檔：http://www.w3school.com.cn/jquery/jquery_selectors.asp

2.HTML 元素選擇器

類選擇器

.a{color:red;}

<h2 class=”a”>hello</h2>

 

ID 選擇器

#a{color:red;}

 

<h2 id=”a”>hello</h2>

屬性選擇器

對有 href 屬性的錨（a 元素）應用樣式：

a[href] {color:red;}

<a href=”#”></a>

後代選擇器

 

tr td {color:red;}

css會把所有tr下面的td變成紅色：

<table>

     <tr>

          <td>紅色</td>

</tr>

</table>

 

子元素選擇器

h1 > span {color:red;}

<h1>

<span> red </span>

<span> 顏色不變</span>

</h1>

僞類

如：#a:hover{ color:red;} 

鼠標移到id=a的元素時會變成紅色

其他：略

僞元素

其他：略

詳情參考：http://www.w3school.com.cn/css/css_selector_type.asp