JQuery基礎總結

2021-08-27 17:51:47 字數 1313 閱讀 7993

1、$("input[type='button']")

用於找到type屬性為button的input元素

2、each()函式遍歷

3、設定css: .css('border','none')

4、一次需要設定多個css值:

.css();

5、取得當前jquery物件的樣式屬性color的值:css('color')

6、jquery("ul>li:first").addclass("selected"):

"ul>li:first"中ul>li表示所有位於ul下的li元素

addclass()為jquery物件用來新增css樣式類的函式,相反的函式為removeclass()。

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

$("p#demo") 選取 id="demo" 的第乙個 元素

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

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

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

9、var jq=jquery.noconflict(),幫助您使用自己的名稱(比如 jq)來代替 $ 符號。

10、$(".panel").slidetoggle("slow");

class=「panel」的區域緩緩出現

11、 $("button").click(function());//淡化

12、$("#box").animate(,"slow");

id=「box」的物件高度緩緩變為300

13、toggle() 函式使用 show() 或 hide() 函式來切換 html 元素的可見狀態。

toggle(speed,callback)

speed 引數可以設定這些值:"slow", "fast", "normal" 或 毫秒。

callback 引數是在該函式完成之後被執行的函式名稱。

slidetoggle(speed,callback)使用方法同toggole()。

14、html() 函式改變所匹配的 html 元素的內容(innerhtml)。

15、alert($("dl.[tag='1']").hasclass("close")); 判斷是否有class="close"屬性

16、toggleclass(class)

如果存在(不存在)就刪除(新增)乙個類。

移除所有 的 "intro" 類:

$("button").click(function());

jquery 基礎總結

本文僅針對jquery的部分知識點做總結,更為全面的可以去官網看中文文件。可以更為詳細的了解jquery及其特性。window.onload document ready 執行時機 必須等待網頁中所有的內容載入完畢後 包括 才能執行 網頁中所有dom結構繪製完畢後就執行,可能dom元素關聯的東西並沒...

jquery基礎總結

jquery基礎總結 1 關於頁面元素的引用 通過jquery的 引用元素包括通過id class 元素名以及元素的層級關係及dom或者xpath條件等方法,且返回的物件為jquery物件 集合物件 不能直接呼叫dom定義的方法。2 jquery物件與dom物件的轉換 只有jquery物件才能使用j...

jQuery基礎 總結

1.操作樣式 5 css操作 設定單個樣式 設定多個樣式 獲採樣式 class操作 addclass name 新增類 removeclass name 移除類 hasclass name 判斷類 toggleclass name 切換 2.操作屬性 3 attr 設定單個屬性 設定多個屬性 獲取屬...