jQuery基礎 2 jQuery 選擇器

2022-06-19 01:06:10 字數 727 閱讀 1440

jquery 選擇器允許您對 html 元素組或單個元素進行操作。

jquery 選擇器基於元素的 id、類、型別、屬性、屬性值等"查詢"(或選擇)html 元素。 它基於已經存在的 css 選擇器,除此之外,它還有一些自定義的選擇器。

jquery 中所有選擇器都以美元符號開頭:$()。

元素選擇器

jquery 元素選擇器基於元素名選取元素。

在頁面中選取所有 元素:

$("p")

例項使用者點選按鈕後,所有 元素都隱藏:

例項$(document).ready(function());});

#id 選擇器

jquery #id 選擇器通過 html 元素的 id 屬性選取指定的元素。

頁面中元素的 id 應該是唯一的,所以您要在頁面中選取唯一的元素需要通過 #id 選擇器。

通過 id 選取元素語法如下:

$("#test")

例項當使用者點選按鈕後,有 id="test" 屬性的元素將被隱藏:

例項$(document).ready(function());});

.class 選擇器

jquery 類選擇器可以通過指定的 class 查詢元素。

語法如下:

$(".test")

例項使用者點選按鈕後所有帶有 class="test" 屬性的元素都隱藏:

例項$(document).ready(function());});

jQuery基礎知識2 jQuery選擇器

jquery選擇器是其核心功能,按照選擇的元素類別可以分為4種 id選擇器 根據元素id選擇 divid 選擇id為divid的元素 標籤選擇器 根據元素的名稱選擇 a 選擇所得元素 css樣式類選擇器 根據應用到dom元素的css類進行選擇 beg 選擇所有css類為beg的元素 萬用字元選擇器 ...

jQuery學習筆記2 jQuery簡易效果

接上次的jquery學習筆記,這次的主題就是其簡易效果,例如淡入淡出,顯示隱藏的效果。整理網上的資料,可以得到這樣乙個方法列表。方法描述 animate 對被選元素應用 自定義 的動畫 clearqueue 對被選元素移除所有排隊函式 仍未執行的 delay 對被選元素的所有排隊函式 仍未執行 設定...

新增標籤2 jquery 和JS

tag新增標籤 做了個方法方便呼叫 一 js版本 doctype html html lang en head meta charset utf 8 title 建立元素 title script window.onload function else abtn.onclick function 先...