擴充套件jquery選擇器

2021-07-24 06:40:41 字數 495 閱讀 7162

常使用 class或id作為選擇器

尤其當class改變時,需要修改對應選擇器

擴充套件選擇器,讓選擇器不再依賴class,可以放心的修改class而不用擔心選擇器。

class="box"

data-hook="testhook">我是鉤子div>

$.hook('testhook').css('background','red');
// 外掛程式擴充套件,依賴jquery

;(function

($)else

if( hookname==false )else

return $(selector);

},});

})(jquery);

當class修改時,不用再修改對應選擇器。

JQuery選擇器 選擇器簡介

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

Jquery選擇器 基本選擇器

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

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

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