本文僅針對jquery的部分知識點做總結，更為全面的可以去官網看中文文件。可以更為詳細的了解jquery及其特性。
window.onload $(document).ready()編寫個數 不能同時編寫多個，以下**無法正確執行：window.onload =function(window.onload = function()結果只會輸出」test2」 能同時編寫多個
簡化寫法 無 (d
ocum
ent)
.rea
dy(f
unct
ion(
));可
以簡寫成
(function(){});
一、選擇網頁元素
jquery的基本設計和主要用法，就是」選擇某個網頁元素，然後對其進行某種操作」。這是它區別於其他函式庫的根本特點。
使用jquery的第一步，往往就是將乙個選擇表示式，放進建構函式jquery()（簡寫為$），然後得到被選中的元素。
選擇表示式可以是css選擇器：(d
ocum
ent)
//選擇
整個文件
物件(『#myid』)//選擇id為myid的網頁元素 (『
div.
mycl
ass′
)//選
擇cla
ss為m
ycla
ss的d
iv元素
(『input[name=first]』)//選擇name屬性等於first的input元素
也可以是jquery特有的表示式：(『
a:fi
rst′
)//選
擇網頁中
第乙個a
元素(『tr:odd』)//選擇**的奇數行
(『#myform :input』)//選擇表單中的input元素
(『div:visible』) //選擇可見的div元素 (『
div:
gt(2
)′)/
/選擇所
有的di
v元素，
除了前三
個 (『div:animated』)//選擇當前處於動畫狀態的div元素
二、改變結果集
如果選中多個元素，jquery提供過濾器，可以縮小結果集：
示例 描述：選取所有的p元素，查詢並選取span子元素，然後再回過來選取p元素
html **:
hello,how are you?
jquery **:
$(「p」).find(「span」).end()
結果:hello how are you?
四、元素的操作：取值和賦值
操作網頁元素，最常見的需求是取得它們的值，或者對它們進行賦值。
jquery使用同乙個函式，來完成取值（getter）和賦值（setter）。到底是取值還是賦值，由函式的引數決定。(『
h1′)
.htm
l();
//ht
ml()
沒有引數
，表示取
出h1的
值 (『h1』).html(『hello』); //html()有引數hello，表示對h1進行賦值
常見的取值和賦值函式如下：
.html() 返回或設定被選元素的內容 (inner html)
.text() 取出或設定text內容
.attr() 取出或設定某個屬性的值
.width() 取出或設定某個元素的寬度
.height() 取出或設定某個元素的高度
.val() 取出或設定html內容 取出某個表單元素的值
需要注意的是，如果結果集包含多個元素，那麼賦值的時候，將對其中所有的元素賦值；取值的時候，則是只取出第乙個元素的值（.text()例外，它取出所有元素的text內容）。
五、元素的操作：移動
.insertafter()，把div元素移動p元素後面：
$(『div』).insertafter(『p』);
.after()，把p元素加到div元素前面：
$(『p』).after(『div』);
使用這種模式的操作方法，一共有四對
.insertafter()和.after()：在現存元素的外部，從後面插入元素
.insertbefore()和.before()：在現存元素的外部，從前面插入元素
.prependto()和.prepend() ：在現存元素的內部，從前面插入元素
1.after():
描述:
在所有段落中後插入乙個jquery物件(類似於乙個dom元素陣列)。
html **:
hello
i would like to say:
jquery **: ("
p").
afte
r((「b」) );
結果:i would like to say:
hello2.insertafter()： 描述: 把所有段落插入到乙個元素之後。與 $(「#foo」).after(「p」)相同 html **:
i would like to say:
hello
jquery **: $(「p」).insertafter(「#foo」); 結果:
hello
i would like to say:
3.before()：
描述:
在所有段落中前插入乙個jquery物件(類似於乙個dom元素陣列)。
html **:
i would like to say:
hellojquery **: ("
p").
befo
re( (「b」) ); 結果:helloi would like to say:
html **:
i would like to say:
jquery **:
i would like to say:hello
html **:
jquery **:
6.prepend()
描述：向所有段落中前置乙個jquery物件(類似於乙個dom元素陣列)。
html **:
i would like to say:
hellojquery **: ("
p").
prep
end(
(「b」) ); 結果:
helloi would like to say:
7.prependto()
描述：把所有段落追加到id值為foo的元素中。
html **:
i would like to say:
jquery **: $(「p」).prependto(「#foo」); 結果:
i would like to say:
六、元素的操作：複製、刪除和建立 複製元素使用.clone() 刪除元素使用.remove()和.detach()。兩者的區別在於，前者不保留被刪除元素的事件，後者保留，有利於重新插入文件時使用。 清空元素內容（但是不刪除該元素）使用.empty()。 建立新元素的方法非常簡單，只要把新元素直接傳入jquery的建構函式就行了： * $(『
hello
『); * $(『
JQuery基礎總結
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 ...
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 設定單個屬性 設定多個屬性 獲取屬...