一、獲取和設置HTML屬性

attr()方法

$("form").attr("action");

二、獲取和設置css屬性

$("h1").css("fontWeight");
$("div.note").css("border","1px solid black");
$("div.note").css({
    backgroundColor:"black",
    textColor:"white"
})

三、獲取和設置CSS類

addClass（）：添加類

removeClass（）：刪除類

toggleClass（）：當元素還沒有這個類，給元素添加類；反之，則刪除

hasClass（）：用來判斷某個類是否存在

四、獲取和設置HTML表單值

val（）方法用來獲取和設置HTML表單元素的value屬性，還可以用於獲取和設置復選框、單選按鈕以及<select>元素的選中狀態

$("username").val()
$("username").val("Invalid email address")

五、設置和獲取元素內容

text（）和html（）方法用來獲取和設置元素的純文本或HTML內容。當不帶參數調用時，text（）返回所有匹配元素的所有子孫文本節點和純文本內容。

var title = $("head title").text();
 
var handline = $("h1").html()
    $("h1").text(function (n,current) {
        return "$"+(n+1)+": "+current
    });

六、獲取和設置元素的位置高寬

offset（）可以設置和獲取元素的位置。該方法計算位置值，返回一個對象，帶有left和top屬性，用來表示X坐標和Y坐標。如果傳入帶參數，他就會給元素設置指定的位置。

$ ("h1").offset(function (index,curpos) {
    return {left:curpos.left+25*index,top:curpos.top};
})
 

註意：

width（）和height（）方法返回基本的寬度和高度，不包含內邊距、邊框和外邊距。

innerWidth（）和innerHeight（）返回元素的寬度和高度，包含內邊距的寬度和高度（“內”表示這些方法度量的是邊框以內的尺寸）。

outWidth（）和outHeighht（）通常返回的是包含元素內邊距和邊框的尺寸。如果向兩個方法中的任意一個傳入true值，他們還會返回包含元素外邊框的尺寸。

var body = $("body");
var contentWidth = body.width();
var paddingWidth = body.innerWidth();
var borderWidth = body.outerWidth();
var marginWidth = body.outerWidth(true);

scrollTop（）和scrollLeft（），可以獲取和設置元素的滾動條的位置。

function pade(n) {
    var w = $(window);
    var pagesize = w.height();
    var current = w.scrollTop();
    w.scrollTop(current+n*pagesize);
}

七、獲取和設置元素數據

data（）和removeData（）

$("div").data("z",1);
$("div.nodata").removeData("x");

八、插入和替換元素

$("#log").append("<br />"+message);/*在#log元素的結尾處添加元素*/
$("h1").prepend("OK")/*在每個<h1>的起始處添加*/
$("h1").before("<hr />")/*前面*/
$("h1").after("<hr />")/*後面*/
$("h1").replaceWith("<hr />")/*替換*/

Jquery介紹