jQuery基礎教程之 基本選擇器

2021-08-31 19:44:52 字數 496 閱讀 5881

jquery的基本選擇器分為以下四種型別:

$(「#cssid」)

選擇id值等於」cssid」的元素,注意:在乙個html文件中id是唯一的,也即id為「cssid」不能出現兩次(雖然即使出現了兩次瀏覽器也可以解釋,但是這是不規範的)。這個id選擇器獲取jquery物件也是個元素集合,但是只有乙個元素。將這個jquery物件轉化為dom物件也可以這樣$(「#cssid」)[0]

$(「標籤名」)

例如$(「div」)獲取的就是html文件中的所有的div元素的jquery物件集合

$(「.myclass」)

獲取的是html文件中所有的class為「myclass」的元素集合

$(「*」)

這個獲取的是html文件中的所有的元素

$(「selector1,selector2,selector3…selectorn 「)

這種選擇器叫做組選擇器。例如:$(「span,#two」)選取所有的span標籤元素和id=two的元素。

jQuery基礎教程之 層次選擇器

隱式迭代 選擇器 css background color red 則是為這組元素中每個元素的樣式都加上紅色背景。jquery會自動迭代每個元素,這就免去了我們編寫 遍歷每個元素物件的操作。無需判斷物件是否存在 如果頁面上不存在id為test的dom 元素,test css background c...

Jquery基礎教程之神奇的

這個玩意其實是乙個jquery封裝的功能非常強大的函式,當然,強大的東東,在使用起來也必然會是有點複雜的咯。下面我們來看它的一些強大的用法 expr 這個函式可以通過css選擇器 xpath html 來匹配目標元素,返回的是乙個jquery物件,jquery的所有操作都是以此為基石的。下面來看 h...

Jquery基礎教程之神奇的

這個玩意其實是乙個jquery封裝的功能非常強大的函式,當然,強大的東東,在使用起來也必然會是有點複雜的咯。下面我們來看它的一些強大的用法 expr 這個函式可以通過css選擇器 xpath html 來匹配目標元素,返回的是乙個jquery物件,jquery的所有操作都是以此為基石的。下面來看 h...