1、選擇器的使用：
基本選擇器：
#id（根據給定的
id匹配乙個元素）、
element
（根據給定的元素名匹配所有元素）、
.class
（根據給定的類匹配元素）、
*（匹配所有的元素）、
selector1,selectorn
（將每個選擇器匹配到的元素合併後一起返回） 例：
使用jquery：
$('#mydiv').css('background-color','red');
使用js:
document.getelementbyid('mydiv').style.backgroundcolor = 'red';
層次選擇器：
ancestor descendant
（根據祖先元素匹配需哦有的後台代元素）、
parent>child
（根據父元素匹配配所有的子元素）、
prev+next
（匹配所有緊接在
prev
元素後的相鄰元素）、
prev~siblings
（匹配prev
元素之後的所有兄弟元素） 例：
$(function () )
<
body
><
input
id="button1"
type
="button"
value
="層次選擇器"
/>
<
divid
="divfirst">
<
span
>風景 <
第一層div
div>第二層<
div>第三層<
過濾選擇器：
(簡單過濾選擇器
)：first()
或:first
（獲取死乙個元素）、
last()
或:last
（獲取最後乙個元素）、
:not(selector)
（獲取除給定選擇器外的所有元素）、
:even
（獲取所有索引值為偶數的元素，索引號從
0開始）、
:odd
（獲取所有索引值為奇數的元素，索引號從
0開始）、
:eq(index)
（獲取指定索引值的元素，索引號從
0開始）、
:gt(index)
（獲取所有大於給定索引值的元素，索引號從
0開始）、
:lt(index)
（獲取所有小於給定索引值的元素，索引號從
0開始）、
:header
（獲取所有標題型別的元素，如h1、
h2...
）、:animated
（獲取正在執行動畫效果的元素）
（內容過濾選擇器）：:contains(text)
（獲取包含給定文字的元素）、
:empty
（獲取所有不包含子元素或者文字的空元素）、
:has(selector)
（獲取含有選擇器所匹配的元素的元素）、
:parent
（獲取含有子元素或者文字的元素）
（可見性過濾選擇器）：:hidden
（獲取所有不可見元素，或者
type
為hidden
的元素）、
:visible
（獲取所有的可見元素）
（屬性過濾選擇器）：[attribute]
（獲取包含給定屬性的元素）、
[attribute=value]
（獲取等於給定的屬性是某個特定值的元素）、
[attribute!=value]
（獲取不等於給定的屬性是某個特定值的元素）、
[attribute^=value]
（獲取給定的屬性是以某些特定值開始的元素）、
[attribute$=value]
（獲取給定的屬性是某個特定值結束的元素）、
[attribute*=value]
（獲取給定的屬性是以包含某些值的元素）、
[selector1][selector2][selectorn]
（獲取滿足多個條件的復合屬性的元素）
（子元素顧慮選擇器）：:nth-child(eq|even|odd|index)
（獲取每個父元素下的特定位置元素，所以鬧從
1開始）、
:first-child
（獲取每個父元素下的第乙個子元素）、
:last-child
（獲取每個父元素下的最後乙個子元素）、
:only-child
（獲取每個父元素下的僅有乙個子元素）
（表單物件屬性過濾器）：:enable
（獲取表單中所有屬性為可用的元素）、
:disabled
（獲取表單中所有屬性為不可用的元素）、
:checked
（獲取表單中所有被選中的元素）、
:selected
（獲取表單中所有被選中
option
的元素）
表單選擇器：
:input（獲取所有
input
、textarea
、select
）、:text
（獲取所有單行文字框）、
:password
（獲取所有密碼框）、
:radio
（獲取所有單選按鈕）、
:checkbox
（獲取所有核取方塊）、
:submit
（獲取所有提交按鈕）、
:image
（獲取所有影象域）、
:reset
（獲取所有重置按鈕）、
:button
（獲取所有按鈕）、
:file
（獲取所有檔案域）
Jquery 選擇器 簡單的選擇器
1.3簡單的偽類選擇器 你們好你們好 你們好你們好 你們好你們好 1.3.1特定位置選擇器 主要包括 first last，eq index 3中位置 p first css color blue 匹配第乙個p標籤 p eq 3 css background yellow 匹配第4個p標籤 p la...
JQuery選擇器 選擇器簡介
在開始學習jquery選擇器之前，有必要了解一下css 層疊樣式表 技術。css是一項出色的技術，它使得網頁的結構和表現樣式完全分離。利用css選擇器能夠輕鬆的對某個元素新增樣式而不改變html結構，只需通過新增不同的css規則，就可以得到各種不同樣式的網頁。常用的css選擇器分類如下表 選擇器語法...
Jquery選擇器 基本選擇器
jquery作為我們常用前端工具之一，實際專案中常用的的選擇器有id選擇器 id 元素選擇器 element 樣式選擇器 class 概述 根據給定的id匹配乙個元素。使用任何的元字元 如 作為名稱的文字部分，它必須被兩個反斜槓轉義 引數 id,用於搜尋的，通過元素的 id 屬性中給定的值。示例 查...