jQuery有關 選擇器等

2021-08-24 20:19:38 字數 832 閱讀 4709

目錄

1、選擇所有p元素

2、選取 class 都為 intro 的div元素,獲取所有div元素且有同乙個class的的元素:

3、隱藏被選元素

4、設定高度。將所有 div 元素的高度設定為 100 畫素

5、選取元素。選取帶有 href 屬性的元素

6、選取所有 target 屬性值等於 "_blank" 的 元素

7、選取偶數字置的 元素

8、文件載入後即用:

11、獲取一段div元素中的class="head" 的所有元素:

$("p")

例如:獲取 class="intro"  的所有 div 元素

寫法:$("div.intro")

參考:.hide()

$("div").height(100)

$("[href]")

$("a[target='_blank']")

不等於為 != 

$("tr:even")

奇數:$("tr:odd")

使用:將所有的奇數的背景色設定為紅色:$("tr:even").css("background-color","red");

$(document).ready()

9、為 jquery 變數規定新的名稱 處理命名衝突

var jq=$.noconflict();

10、新增或刪除被選元素的乙個或多個類

toggleclass()

如:$("div#intro .head")

獲取id="intro" 的首個 div 元素中的 class="head" 的所有元素

JQuery選擇器 選擇器簡介

在開始學習jquery選擇器之前,有必要了解一下css 層疊樣式表 技術。css是一項出色的技術,它使得網頁的結構和表現樣式完全分離。利用css選擇器能夠輕鬆的對某個元素新增樣式而不改變html結構,只需通過新增不同的css規則,就可以得到各種不同樣式的網頁。常用的css選擇器分類如下表 選擇器語法...

Jquery選擇器 基本選擇器

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

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

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