在開始學習jquery選擇器之前,有必要了解一下css(層疊樣式表)技術。css是一項出色的技術,它使得網頁的結構和表現樣式完全分離。利用css選擇器能夠輕鬆的對某個元素新增樣式而不改變html結構,只需通過新增不同的css規則,就可以得到各種不同樣式的網頁。常用的css選擇器分類如下表:
選擇器語法
描述示例
標籤選擇器
e以文件元素作為選擇符
tdid選擇器
#id以文件元素的唯一標示id
作為選擇符
#note
類選擇器
e.classname
以文件元素的class作為選擇符
div.note
.dream
群組選擇器
e1,e2,e3
多個選擇符應用同樣的樣式
td,p,div.a
後台選擇器
e f元素e的任意後代元素f
#div a
通配選擇器
* 以文件的所有元素作為選擇符
* 幾乎所有主流瀏覽器都支援上面這些常用的選擇器,此外css中還有偽類選擇器,子選擇器(e > f),臨近選擇器(e + f)和屬性選擇器(e[attr])。但主流瀏覽器並非完全支所有的css選擇器。
下面來看看css簡單的示例:
上面**的意思是將元素裡的文字顏色設定為紅色,字型大小設定為30px;
像上面這樣把css**和html**混雜在一起的作法非常不妥,因為它不符合表現和內容相分離的設計原則,因此建議使用下面的方法:
jQuery選擇器之全選擇器( 選擇器)
在css中,經常會在第一行寫下這樣一段樣式 萬用字元 意味著給所有的元素設定預設的邊距。jquery中我們也可以通過傳遞 選擇器來選中文件頁面中的元素 描述 拋開jquery,如果要獲取文件中所有的元素,通過document.getelementsbytagname 中傳遞 同樣可以獲取到 不難發現...
jQuery選擇器之全選擇器(選擇器)
jquery選擇器之全選擇器 選擇器 在css中,經常會在第一行寫下這樣一段樣式 萬用字元 意味著給所有的元素設定預設的邊距。jquery中我們也可以通過傳遞 選擇器來選中文件頁面中的元素 描述 拋開jquery,如果要獲取文件中所有的元素,通過document.getelementsbytagna...
Jquery選擇器 基本選擇器
jquery作為我們常用前端工具之一,實際專案中常用的的選擇器有id選擇器 id 元素選擇器 element 樣式選擇器 class 概述 根據給定的id匹配乙個元素。使用任何的元字元 如 作為名稱的文字部分,它必須被兩個反斜槓轉義 引數 id,用於搜尋的,通過元素的 id 屬性中給定的值。示例 查...