jQuery中的基本的選擇器學習 補充版

2022-09-03 02:48:08 字數 1693 閱讀 6873

先看整體**:

我們對jquery操作逐行分析:1.將ul中的所有元素看做乙個整體,對其進行整體操作(這是jquery的倆種操作方式):

$("ul li:first").css("color","aqua");

$("ul li").first().css("color","aqua");

所以只有第一行會變色:

2.和第乙個相似,是將最後乙個變色:

3.奇偶數行變色,可以認為是隔行變色(索引下標為0開始的):

4. 按照索引的方式去將元素改變顏色:

由此可見,這個方法,是以索引下標為0開始的。

這些都是將ul看做是乙個整體,我們的子選擇器將是li與li之間分開的。

Jquery選擇器 基本選擇器

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

jQuery的基本選擇器

jquery的基本選擇器 響應函式 寫在function 的中括號中。btn1 click function btn2 click function btn3 click function btn4 click function btn5 click function id btn1 button ...

基本的jQuery選擇器

名稱 選擇器語法 功能全選選擇器 選取所有元素,不管他們的名字 元素選擇器 元素名選取名字匹配的所有元素,例如 input id選擇器 id通過id匹配乙個元素 例如 field 類選擇器 class 選取類名匹配乙個元素 例如.tabs 後代選擇器 父子選擇父元素中任意位置的子元素 例如 list...