摘要：表示要設置的屬性名稱，返回值就是要設置的屬性值實例設置字體大小使用相對值設置屬性值，在原有的基礎上加上獲取標簽的字體同時設置多個屬性方法方法設置或返回被選元素的文本內容。

注意這里用的還是我前兩篇用的例子，詳情請看我的博客

attr() 方法設置或返回被選元素的屬性值。
語法：
$(selector).attr(attribute) 返回被選元素的屬性值。

$(selector).attr(attribute,value) 設置被選元素的屬性和值

$(selector).attr(attribute,function(index,oldvalue)) 設置被選元素的屬性和值。




參數
描述



attribute 
規定屬性的名稱。


function(index,oldvalue)
規定返回屬性值的數。該函數可接收并使用選擇器的 index 值和當前屬性值。



實例：

    $("img").filter(":first").attr("src");   //得到屬性

$("img").each(function (index,elem) {    
        if(index%2==0)
            $(elem).attr("src","lily.png");      //設置屬性
        console.log($(elem).attr("src"));
        })
        
        
        $("img").attr("src",function (index,oldValue) {  //這里的oldValue表示原來屬性的值，index是索引
        if(oldValue=="rose.png")
            return "lily.png";
        else
            return "astor.png";
    })
    
    
    attrs={       //使用映射對象一次設置多個值
        src:"lily.png",
        style: "border: thick double red"
    };
    $("img:eq(1)").attr(attrs);

removeAttr() 方法從被選元素中移除屬性。
語法：
$(selector).removeAttr(attribute)  這里的attribute是屬性的名字

實例：

$("img:first").removeAttr("src");  //刪除屬性src

addClass() 方法向被選元素添加一個或多個類
語法：

$(selector).addClass(class) 這里的class是類名如果需要添加多個類，中間用空格隔開

$(selector).addClass(function(index,oldclass))  這里的index是索引，oldClass是原來就有的類名，都是可選參數。這個函數的返回的就是要添加的類名


實例：

$("img:even").addClass("redBar");  //向偶數的img添加類redBar

$("img").addClass(function (index,currentClass) {    //這里的currentClass就是原來有的類名，可選
        if(index==1)
            return "blueBar";   //第二個img應用blueBar這個類
        else
            return "redBar";      //這里需要注意的是，對同一個img應用類的時候，因為這個類的定義有優先級，上面定義會被后面定義的覆蓋，所以要注意類定義的位置
    })
    
    
    $("img").filter(":odd").addClass("redBar").end().filter(":even").addClass("blueBar");  //鏈式調用
    
    $("img").addClass("blueBar redBar");   //添加兩個類
    

hasClass() 方法檢查被選元素是否包含指定的class
語法：
$(selector).hasClass(class)  //返回值是false和true

實例：

console.log($("img:odd").hasClass("redBar"));     

toggleClass() 對設置或移除被選元素的一個或多個類進行切換。該方法檢查每個元素中指定的類。如果不存在則添加類，如果已設置則刪除之。這就是所謂的切換效果
語法：

$(selector).toggleClass(class,switch)  class必需的，用來規定添加或移除class的指定元素，如需規定若干 class，請使用空格來分隔類名。switch是boolean可選參數，規定是否添加或移除class

$(selector).toggleClass(function(index,class),switch)   index表示索引，class表示選擇器當前擁有的類


實例：

$("img").toggleClass("redBar");   //這里對所有的img在redBar這個類之間切換

$("img").toggleClass("redBar blueBar");  //在兩個類之間來回的切換



$("ToggleClass").appendTo("#buttonDiv").click(function (e) {
        $("img").toggleClass("redBar blueBar");   //在兩種class之間切換，如果有就刪除，沒有的就添加
        e.preventDefault();    
        })
        
        
        //下面添加一個按鈕，完成同時添加多個圖片的效果
    $("ToggleClass").appendTo("#buttonDiv").click(function (e) {
        $("img").toggleClass(function (index,currentClass) {
            if(index%2==0)
                return "blueBar";   //動態的切換，這里是偶數就切換blue
            else
                return "redBar blueBar";  //這里是奇數的圖片在兩種顏色來回的切換

        });
        e.preventDefault();

    })

css() 方法返回或設置匹配的元素的一個或多個樣式屬性，這里只說css，還有其他的設置css樣式請看w3School
語法：

$(selector).css(name)  返回第一個匹配元素的 CSS 屬性值。name是css屬性的名稱

$(selector).css(name,value) 設置所有匹配元素的指定 CSS 屬性。name表示屬性名稱，value表示屬性的值

$(selector).css(name,function(index,value))   此函數返回要設置的屬性值。接受兩個參數，index 為元素在對象集合中的索引位置，value 是原先的屬性值。name表示要設置的屬性名稱，返回值就是要設置的屬性值


實例：

$("label").css("font-size","30px");  //設置字體大小

$("label").css("font-size","+=10");  //使用相對值設置屬性值，在原有的基礎上加上10

console.log($("h1").css("font-family"));   //獲取h1標簽的字體

var cssValues={
    "border":"thick double red",
    "font-size":"1.5em"
};
$("label").css(cssValues);   //同時設置多個屬性

text() 方法方法設置或返回被選元素的文本內容。當該方法用于返回一個值時，它會返回所有匹配元素的組合的文本內容(會刪除 HTML 標記)
語法：

$(selector).text()   當該方法用于返回一個值時，它會返回所有匹配元素的組合的文本內容（會刪除 HTML 標記）。

$(selector).text(content)  當該方法用于設置值時，它會覆蓋被選元素的所有內容。

$(selector).text(function(index,oldcontent))  index表示索引,oldcontent表示選擇器當前的文本內容

html() 方法返回或設置被選元素的內容 (inner HTML)。如果該方法未設置參數，則返回被選元素的當前內容。
語法：

$(selector).html()    當使用該方法返回一個值時，它會返回第一個匹配元素的內容。

$(selector).html(content)   當使用該方法設置一個值時，它會覆蓋所有匹配元素的內容。

$(selector).html(function(index,oldcontent))   使用函數來設置所有匹配元素的內容。index - 可選。接收選擇器的index 位置,oldcontent - 可選。接收選擇器的當前內容

val() 方法返回或設置被選元素的值,元素的值是通過 value 屬性設置的。該方法大多用于 input 元素,如果該方法未設置參數，則返回被選元素的當前值
語法：

$(selector).val(value)    設置文本域的值為value

$(selector).val()       得到文本域的值

$(selector).val(function(index,oldvalue))  設置文本域的值，這里函數的返回值將會用來設置文本域的值，index表示元素索引，oldvalue表示選擇器當前文本域的值