jQuery 基本選擇器

2021-10-12 12:28:52 字數 785 閱讀 7172

jquery選擇器概述

為了將網頁中的內容表現形式徹底分離,不建議在標籤上直接定義樣式。當我們需要為頁面中某個元素定義樣式時,首先需要選擇這個元素。在css中,選擇器能夠很好地幫助我們解決這個問題。

jquery對頁面元素的選擇完全繼承了css選擇器的語法法則,因此在熟悉css選擇器用法的基礎上,學習jquery選擇器是非常容易的。

使用jquery選擇器選擇頁面元素,目的是為了生成jquery物件,讓它們能夠使用jquery中的方法。

//語法結構:

//$(selector).action();

//$(selector)根據選擇器selector獲取jquery物件(類似於doucment.getelementbyid()一類)。

基本選擇器

基本選擇器是jquery中使用最頻繁的選擇器,它是由標籤id、class、標籤名和多個選擇符組成,通過基本選擇器可以實現大多數頁面元素的查詢。

注意事項:

(1)每個id值在同乙個html頁面中只能使用一次。如果對多個元素分配了相同的id,#id選擇器將只選擇第乙個匹配元素。

(2)可以同時制定任意多個選擇器並運用逗號相連線,會將匹配到的元素合併到乙個結果中,這是一種選擇不同元素的有效辦法。

(3)與element、#id選擇器相比,。class選擇器的執行效率很低,應該盡可能少使用,或者把.class選擇器和element選擇器配合在一起使用,選取的元素要同時符合class屬性值和標籤名,這樣的形式能夠顯著提高搜尋效能。

Jquery選擇器 基本選擇器

jquery作為我們常用前端工具之一,實際專案中常用的的選擇器有id選擇器 id 元素選擇器 element 樣式選擇器 class 概述 根據給定的id匹配乙個元素。使用任何的元字元 如 作為名稱的文字部分,它必須被兩個反斜槓轉義 引數 id,用於搜尋的,通過元素的 id 屬性中給定的值。示例 查...

jquery基本選擇器

1 選擇器 所有元素 2 id選擇器 title id title 的元素 3 class 選擇器 fade 所有 class fade 的元素 4 element 元素 選擇器 p 所有 元素 5 class.class 選擇器 fade.demo 所有 class fade 且 class de...

jQuery基本選擇器

id選擇器 id 描述 查詢id為 mydiv 的元素html id notme id notme div id mydiv id mydiv div jquery mydiv 結果 id mydiv id mydiv div 元素選擇器 element 描述 查詢乙個 div 元素html div...