JQuery選擇器JQuery 事件

2022-07-04 17:27:14 字數 2277 閱讀 1156

jquery 使用 css 選擇器來選取 html 元素。

$("p") 選取 元素。

$("p.intro") 選取所有 class="intro" 的 元素。

$("p#demo") 選取所有 id="demo" 的 元素。

jquery 使用 xpath 表示式來選擇帶有給定屬性的元素。

$("[href]") 選取所有帶有 href 屬性的元素。

$("[href='#']") 選取所有帶有 href 值等於 "#" 的元素。

$("[href!='#']") 選取所有帶有 href 值不等於 "#" 的元素。

$("[href$='.jpg']") 選取所有 href 值以 ".jpg" 結尾的元素。

語法描述

$(this)

當前 html 元素

$("p")

所有 元素

$("p.intro")

所有 class="intro" 的 元素

$(".intro")

所有 class="intro" 的元素

$("#intro")

id="intro" 的元素

$("ul li:first")

每個 的第乙個 元素

所有帶有以 ".jpg" 結尾的屬性值的 href 屬性

$("div#intro .head")

id="intro" 的 元素中的所有 class="head" 的元素

下面是 jquery 中事件方法的一些例子:

event 函式

繫結函式至

$(document).ready(function)

將函式繫結到文件的就緒事件(當文件完成載入時)

$(selector).click(function)

觸發或將函式繫結到被選元素的點選事件

$(selector).dblclick(function)

觸發或將函式繫結到被選元素的雙擊事件

$(selector).focus(function)

觸發或將函式繫結到被選元素的獲得焦點事件

$(selector).mouseover(function)

觸發或將函式繫結到被選元素的滑鼠懸停事件

jquery 使用 css 選擇器來選取 html 元素。

$("p") 選取 元素。

$("p.intro") 選取所有 class="intro" 的 元素。

$("p#demo") 選取所有 id="demo" 的 元素。

jquery 使用 xpath 表示式來選擇帶有給定屬性的元素。

$("[href]") 選取所有帶有 href 屬性的元素。

$("[href='#']") 選取所有帶有 href 值等於 "#" 的元素。

$("[href!='#']") 選取所有帶有 href 值不等於 "#" 的元素。

$("[href$='.jpg']") 選取所有 href 值以 ".jpg" 結尾的元素。

語法描述

$(this)

當前 html 元素

$("p")

所有 元素

$("p.intro")

所有 class="intro" 的 元素

$(".intro")

所有 class="intro" 的元素

$("#intro")

id="intro" 的元素

$("ul li:first")

每個 的第乙個 元素

所有帶有以 ".jpg" 結尾的屬性值的 href 屬性

$("div#intro .head")

id="intro" 的 元素中的所有 class="head" 的元素

下面是 jquery 中事件方法的一些例子:

event 函式

繫結函式至

$(document).ready(function)

將函式繫結到文件的就緒事件(當文件完成載入時)

$(selector).click(function)

觸發或將函式繫結到被選元素的點選事件

$(selector).dblclick(function)

觸發或將函式繫結到被選元素的雙擊事件

$(selector).focus(function)

觸發或將函式繫結到被選元素的獲得焦點事件

$(selector).mouseover(function)

觸發或將函式繫結到被選元素的滑鼠懸停事件

jquery奇偶選擇器 (一)jQuery選擇器

jquery 選擇器 jquery 元素選擇器和屬性選擇器允許您通過標籤名 屬性名或內容對 html 元素進行選擇。選擇器允許您對 html 元素組或單個元素進行操作。在 html dom 術語中 選擇器允許您對 dom 元素組或單個 dom 節點進行操作。jquery 元素選擇器 jquery 使...

JQuery選擇器 選擇器簡介

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

Jquery選擇器 基本選擇器

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