JQuery選擇器 選擇器簡介

2021-06-28 07:29:32 字數 755 閱讀 9177

在開始學習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 屬性中給定的值。示例 查...