jquery擁有可操作 html 元素和屬性的強大方法。
jquery 中非常重要的部分，就是操作 dom 的能力。
jquery 提供一系列與 dom 相關的方法，這使訪問和操作元素和屬性變得很容易。
dom 定義訪問 html 和 xml 文件的標準：
「w3c 文件物件模型獨立於平台和語言的介面，允許程式和指令碼動態訪問和更新文件的內容、結構以及樣式。」
三個簡單實用的用於 dom 操作的 jquery 方法：
· text() - 設定或返回所選元素的文字內容
· html() - 設定或返回所選元素的內容（包括 html 標記）
· val() - 設定或返回表單字段的值
下面的例子演示如何通過 jquery text() 和 html() 方法來獲得內容：
例項
$("#btn1").click(function () );
$("#btn2").click(function () );
下面的例子演示如何通過 jquery val() 方法獲得輸入欄位的值：
例項
$("#btn1").click(function());
jquery attr() 方法用於獲取屬性值。
例項
$("button").click(function());
我們將使用前一章中的三個相同的方法來設定內容：
· text() - 設定或返回所選元素的文字內容
· html() - 設定或返回所選元素的內容（包括 html 標記）
· val() - 設定或返回表單字段的值
下面的例子演示如何通過 text()、html() 以及 val() 方法來設定內容：
例項
$("#btn1").click(function());
$("#btn2").click(function());
$("#btn3").click(function());
text()、html() 以及 val() 的**函式
上面的三個 jquery 方法：text()、html() 以及 val()，同樣擁有**函式。**函式由兩個引數：被選元素列表中當前元素的下標，以及原始（舊的）值。然後以函式新值返回您希望使用的字串。
下面的例子演示帶有**函式的 text() 和 html()：
例項
$("#btn1").click(function
() );
});$("#btn2").click(function
() );
});
jquery attr() 方法也用於設定/改變屬性值。
例項
$("button").click(function());
attr() 方法也允許您同時設定多個屬性。
下面的例子演示如何同時設定 href 和 title 屬性：
例項
$("button").click(function
() );
});
jquery 方法 attr()，也提供**函式。**函式由兩個引數：被選元素列表中當前元素的下標，以及原始（舊的）值。然後以函式新值返回您希望使用的字串。
下面的例子演示帶有**函式的 attr() 方法：
例項
$("button").click(function
() );
});
Web開發技術 Jquery5（動畫）
jquery animate 方法用於建立自定義動畫。語法 selector animate speed,callback 必需的 params 引數定義形成動畫的 css 屬性。可選的 speed 引數規定效果的時長。它可以取以下值 slow fast 或毫秒。可選的 callback 引數是動畫...
鋒利的jQuery 7 編寫外掛程式基礎知識
外掛程式的基本要點 1.命名推薦 jquery.外掛程式名 js，避免和其他js庫外掛程式混淆。2.物件方法附加到 jquery.fn上，全域性函式附加到 jquery物件本身。3.在外掛程式內部，this指向當前通過選擇器獲取的jquery物件，非dom物件。4.如果選擇器獲取多個元素，可通過th...
鋒利的jQuery 7 編寫外掛程式基礎知識
外掛程式的基本要點 1.命名推薦 jquery.外掛程式名 js，避免和其他js庫外掛程式混淆。2.物件方法附加到 jquery.fn上，全域性函式附加到 jquery物件本身。3.在外掛程式內部，this指向當前通過選擇器獲取的jquery物件，非dom物件。4.如果選擇器獲取多個元素，可通過th...