jQuery選擇器之基本選擇器(1)

2022-06-02 23:24:16 字數 691 閱讀 2315

基本選擇器主要有五種:分別為#id選擇器、.class選擇器、element 選擇器、*選擇器和組合選擇器。

1、#id選擇器

根據id查詢標籤物件

2、element選擇器

根據標籤名查詢標籤物件

3、.class選擇器

根據class查詢標籤物件

4、*選擇器

表示任意的,所有的元素

5、組合選擇器

合併多個選擇器的結果並返回

主要**例項如下:

id 為 one,class 為 one 的div

class為mini

id為two,class為one,title為test的div

class為mini,title為other

class為mini,title為test

class為mini

class為mini

class為mini

class為mini

class為mini

class為mini

class為mini,title為tesst

style的display為"none"的div

class為"hide"的div

包含input的type為"hidden"的div

span元素

Jquery選擇器 基本選擇器

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

jQuery選擇器之基本篩選選擇器

很多時候我們不能直接通過基本選擇器與層級選擇器找到我們想要的元素,為此jquery提供了一系列的篩選選擇器用來更快捷的找到所需的dom元素。篩選選擇器很多都不是css的規範,而是jquery自己為了開發者的便利延展出來的選擇器 篩選選擇器的用法與css中的偽元素相似,選擇器用冒號 開頭,通過乙個列表...

jQuery選擇器之全選擇器( 選擇器)

在css中,經常會在第一行寫下這樣一段樣式 萬用字元 意味著給所有的元素設定預設的邊距。jquery中我們也可以通過傳遞 選擇器來選中文件頁面中的元素 描述 拋開jquery,如果要獲取文件中所有的元素,通過document.getelementsbytagname 中傳遞 同樣可以獲取到 不難發現...