jQuery查詢節點 選擇器

2022-07-15 09:21:13 字數 612 閱讀 7006

jquery通過選擇器來完成節點的查詢:

1、基本選擇器:

①通用/所有的選擇器:$("*") //使用*號來表示。

②:標籤選擇器:$("標籤名(div)")//使用標籤名字來定位

③:id選擇器:$("#id")

④:類選擇器:$(".class")

⑤:群組選擇器(並集):$("table,td")//所有的table和td都被選擇

⑥:組合選擇器(交集):$("p.c1")//標籤為p而且他的class屬性為c1.

2、層次選擇器:

①:後代選擇器(空格):$("div  span")// 在div下的所有span標籤(子孫...後代)都被選擇。

$("div *")//div下所有標籤

②:子代選擇器:$("div>span")//標籤span為div標籤的兒子(只能為子代,孫子輩之後都不行)

$("div>")//div標籤的所有子代都可以被選擇

3、兄弟選擇器:

$("div+div")//選擇div標籤下乙個兄弟標籤為div的。

②:$("div~")//div標籤之後的所有兄弟標籤

$("div~p") // div標籤之後的所有兄弟標籤為p的都被選擇。

jQuery選擇器 元素查詢 節點操作

jquery使用的api 表單驗證外掛程式,官網 www.jqueryui.com jqueryui官方外掛程式,功能多且全面 是一組基於jquery的ui外掛程式集合,demo html css和js框架,用於開發響應式布局 移動裝置優先的web專案 獲取jquery物件jquery 選擇器 do...

JQuery選擇器 選擇器簡介

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

Jquery選擇器 基本選擇器

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