jQuery學習總結

2021-09-08 17:14:58 字數 1024 閱讀 5177

1、查詢dom元素進行取值和賦值的操作、在特定節點位置進行內容的取值和賦值操作(innerhtml)。

2、針對元素進行事件監聽。

3、通過操作dom節點結合改變元素的css樣式,達到絢麗的動畫效果。

4、對dom元素進行ajax操作。

對於jquery來說,可以對這四部分提供完美的實現:

a、jquery擁有強大的選擇器,可以查詢任意的dom元素。同時jquery物件實現鏈式語法,能夠很方便簡潔的寫出強大的操作。比如操作屬性:$("#chkbox").attr("checked","checked").attr("disabled","disabled")。可以這樣繼續鏈下去,包括增加事件、樣式等等操作。

b、在頁面載入時給dom繫結事件。$("#chkbox").click(function());

c、show()和hide()是jquery中最基本的動畫。對元素顯示和隱藏,當然,我們還可以實現其它的更複雜的動畫。

d、$.ajax(options)是jquery中最底層的ajax實現。除此之外,還可以使用$.get()或$.post()實現ajax請求。

了解了以上內容後,jquery帶給我們的另乙個驚喜,在於它的api支援當前多種主流瀏覽器,使得你不用再為了ie、firefox等相容問題而抓頭髮傷腦筋。在以前做專案的時候,我總是喜歡將行為或樣式屬性寫在dom中。這是極其不好也極其不規範的一種做法。如今採用jquery後,我將所有的行為全部從dom中抽取了出來,放到jquery初始化函式中進行繫結。而且jquery的初始化函式比window.onload的載入速度更快。

$(function()

);});

function chkclick()

※不要再把樣式寫到dom裡面,這是很難維護的一件事情:

hello jquery

應該統一採用css檔案定義或是定義class類,或是對id進行定義:

.spanclass

hello jquery

#hello_span

hello jquery

jQuery學習總結

function jquery jquery function fn是jquery建構函式的prototype屬性的別名 通過布林型別的 boxmodel標誌可以知道當前頁面使用的是哪乙個方框模型 如果頁面使用w3c標準的方框模型,被設定為true 如果頁面使用ie瀏覽器的方框模型 有時稱為傳統模型...

JQuery學習總結

按照案例導向來總結 首先要想辦法找到元素 1.基本的語法,載入 2.相關選擇器 基本,層級,屬性 文件操作的篩選 3.dom物件和jq物件 前面有 符號 的轉換 然後要繫結事件 比dom的事件少乙個on 操作有bind,hover等 然後做一些屬性操作 attr,addclass,html等 然後注...

JQuery學習總結

1.什麼是jquery?js庫是對js的封裝,簡化了操作 2.jquery介紹 優點 強大的選擇器 輕量級 簡化了dom操作 鏈式操作 jquery ajax ready 和onload 的區別 ready 執行多次 dom樹結構載入完畢以後就會執行 function onload 只能執行一次 必...