jquery基本選擇器和層次選擇器的使用

2021-06-05 03:12:10 字數 1125 閱讀 8768

1、什麼是選擇器

選擇器是 jquery 的根基, 在 jquery 中, 對事件處理, 遍歷 dom 和 ajax 操作都依賴於選擇器

2、jquery選擇器分類

1)基本選擇器       2)層次選擇器

3)過濾選擇器       4)表單選擇器

5)簡單選擇器       6)內容選擇器

7)可見性選擇器    8)屬性選擇器

9)子元素選擇器    9)表單物件屬性等

3、jquery基本選擇器的使用

jquery基本選擇器:

$(「#id」): 根據給定的id匹配乙個元素

$(「.myclass」):根據類名匹配元素

$(「*」): 選取html頁面中所有的元素

$(「div」):選取html頁面中所有的div元素

$(「div,span,myclass」):選取所有的一組元素

下面的**基本包括了基本選擇器的使用

id=one

我是one-1

我是two哈哈哈哈

我是three

我是four

我是five

元素中第1個元素">

元素中最後乙個元素">

元素not">

">

">

效果圖如下

下面是基本選擇器的幾種,剛剛學了幾個還沒有學完,下面還包括選中正在執行的動畫div

動畫姓名

性別年齡

手機qq

女141234455

34345

豆女141234455

34345

豆女141234455

34345

豆女141234455

34345

豆女141234455

34345

豆女141234455

34345

豆女141234455

34345

效果圖如下

Jquery基本 層次選擇器

基本選擇器 none css background bbffaa 改變id為none的所有元素的背景色 mini css background bbffaa 改變class為mini的所有元素的背景色 css background bbffaa 改變所有元素的背景色 span,two css bac...

jQuery層次選擇器

無論何時,我們都要記住的一點就是通過jquery選擇器獲取的jquery物件任何時候都是一組元素。而jquery選擇器又具有這樣的特點 隱式迭代 選擇器 css background color red 則是為這組元素中每個元素的樣式都加上紅色背景。jquery會自動迭代每個元素,這就免去了我們編寫...

jquery層次選擇器

div span 選取裡的所有元素 div span 選取元素下元素名是的子元素 one div 選取id為one的元素的下乙個同輩元素 等同於 one next div one div 選取id為one的元素的元素後面的所有同輩元素 等同於 one nextall div one siblings...