jquery的:focus選擇器用於匹配當前獲得焦點的元素,將其封裝為jquery物件並返回。
jquery1.6 新增該選擇器。
jquery返回封裝了當前獲得焦點的元素的jquery物件。(":focus"
)
如果找不到任何相應的匹配,則返回乙個空的jquery物件。
:focus選擇器一般用在事件處理中,用於判斷指定元素當前是否獲得焦點。一般而言,只有接收鍵盤事件或使用者輸入的元素才能獲得焦點,例如表單的元素。
以下面這段html**為例:
id=
"n1"
>
name
="name"
type
="text"
label
="姓名"
>
name
="age"
type
="text"
label
="年齡"
>
name
="cellphone"
type
="text"
label
="手機號碼"
>id=
"message"
>
現在,我們為當前獲得焦點的元素顯示提示資訊,則可以編寫如下jquery**:
// 當元素獲得焦點時,在#message中顯示"請輸入[姓名]"、"請輸入[年齡]"等相應的提示資訊。$("input"
).on
("focus blur"
,function
());
JQuery選擇器 選擇器簡介
在開始學習jquery選擇器之前,有必要了解一下css 層疊樣式表 技術。css是一項出色的技術,它使得網頁的結構和表現樣式完全分離。利用css選擇器能夠輕鬆的對某個元素新增樣式而不改變html結構,只需通過新增不同的css規則,就可以得到各種不同樣式的網頁。常用的css選擇器分類如下表 選擇器語法...
Jquery選擇器 基本選擇器
jquery作為我們常用前端工具之一,實際專案中常用的的選擇器有id選擇器 id 元素選擇器 element 樣式選擇器 class 概述 根據給定的id匹配乙個元素。使用任何的元字元 如 作為名稱的文字部分,它必須被兩個反斜槓轉義 引數 id,用於搜尋的,通過元素的 id 屬性中給定的值。示例 查...
jQuery選擇器之全選擇器( 選擇器)
在css中,經常會在第一行寫下這樣一段樣式 萬用字元 意味著給所有的元素設定預設的邊距。jquery中我們也可以通過傳遞 選擇器來選中文件頁面中的元素 描述 拋開jquery,如果要獲取文件中所有的元素,通過document.getelementsbytagname 中傳遞 同樣可以獲取到 不難發現...