jQuery的優勢和基礎選擇器

2021-10-14 06:38:20 字數 1522 閱讀 6241

1.jquery可以寫多個入口函式

2.jquery的名字都比較容易記憶

3.jquery的**簡潔(隱式迭代)

4.jquery幫我們解決了瀏覽器相容問題

5.容錯率較高,前面的**出現問題,後面的**不受影響

1.引入jquery檔案

2.寫乙個入口函式

3.找到你要操作的元素(jquery選擇器),去操作他(給他新增屬性,樣式,文字…)

jquery的選擇器有兩類:一類是「基礎選擇器」,另一類是「偽類選擇器」。這篇文章先學習jquery的基礎選擇器。

基礎選擇器有以下三種:

·基本選擇器

·層次選擇器

·屬性選擇器

1、基本選擇器

jquery選擇器的功能就是選中你想要的元素,然後對該元素進行操作。其中,選擇器的語法格式如下。

$

("選擇器"

)

基本選擇器就是使用頻率較高的一種選擇器,有以下四種:

·元素選擇器

·id選擇器

·class選擇器

·群組選擇器

1.1 元素選擇器

用於選中相同的元素,然後對相同的元素進行操作。

1.2 id選擇器

id選擇器,用於選中某個id的元素,然後對該元素進行各種操作。

1.3 class選擇器

class選擇器,就是我們常說的「類選擇器」。我們可以對「相同的元素」或者「不同的元素」定義乙個相同的class,然後針對這個class的元素進行各種操作。

1.4 群組選擇器

群組選擇器,用於同時對幾個選擇器進行相同的操作。

2、層次選擇器

層次選擇器,就是通過元素之間的層次關係來選擇元素的一種基礎選擇器。層次選擇器在實際開發中也是相當重要的。常見的層次關係包括:父子、後代、兄弟、相鄰。

2.1 後代選擇器

後代選擇器,用於選擇元素內部的所有某一種元素,包括子元素和其他後代元素。

2.2 子代選擇器

子代選擇器,用於選中元素內部的某一種子元素。子代選擇器與後代選擇器雖然很相似,但是也有著明顯的區別。

區別如下:

·後代選擇器,選取的是元素內部所有的元素(包括子元素、孫元素等)。

·子代選擇器,選取的是元素內部的某一種子元素(只限子元素)。

2.3 兄弟選擇器

兄弟選擇器,用於選中元素後面(不包括前面)的某一類兄弟元素。

2.4 相鄰選擇器

相鄰選擇器,用於選中元素後面(不包括前面)的某乙個「相鄰」的兄弟元素。相鄰選擇器與兄弟選擇器也非常相似,不過也有明顯的區別。

區別如下:

·兄弟選擇器選取元素後面「所有」的某一類元素。

·相鄰選擇器選取元素後面「相鄰」的某乙個元素。

在這一節中,其實我們主要講解的是兩組選擇器。·後代選擇器和子代選擇器。·兄弟選擇器和相鄰選擇器。這樣劃分就一目了然了。大家可以根據這個劃分,深入對比,多次實踐,這樣才能加深理解和記憶。

3、屬性選擇器

屬性選擇器,指的是通過「元素的屬性」來選擇元素的一種基礎選擇器。

Jquery 基礎 選擇器。

jquery選擇器繼承了css與path語言的部分語法,允許通過標籤,屬性名或者內容對dom元素進行快速,準確的選擇,而不必擔心瀏覽器的相容性。通過 selector 得到的物件,因為無論是對事件的處理 遍歷dom ajax,本質上都是對物件的操作。一 jquery選擇器優勢 1.簡潔寫法 2.支援...

jQuery基礎 選擇器

1 id 返回值單個元素的組成的集合 myid 說明 就是選擇html中的id myid 2 element 返回值集合元素 div 說明 可以返回例如 div input a 等中的值 3 class 返回值 集合元素 myclass 說明 就是選擇html中的iclass myclass 4 所...

jQuery基礎 選擇器

選擇器 功能返回值 idid選擇器 單個元素 element 元素選擇器 元素集合 class 類選擇器 元素集合 匹配所有元素 元素集合 selector1,selector2 將每乙個選擇器匹配到的元素合併後一起返回 元素集合 選擇器功能 返回值ancestor descendant 根據祖先元...