Jquery屬性操做（入門二）

********JQuery屬性相關的操做********

1、屬性
    屬性（若是你的選擇器選出了多個對象，那麼默認只會返回出第一個屬性）、

        attr(屬性名|屬性值)
            - 一個參數是獲取屬性的值，兩個參數是設置屬性值
            - 點擊加載圖片示例
        removeAttr(屬性名)
            -刪除屬性的值
        prop(屬性名|屬性值)
            - 屬性的返回值的是布爾類型
            - 單選，反選，取消的例子
        removeProp(屬性名)
            -刪除屬性的值

    循環：each（兩種循環示例）
        - $.each(數組/對象, function(i, v){})
      - $("div").each(function(){})
    CSS類
        - addClass 添加類屬性
        - removeClass 移除類屬性
        - toggleClass 開關|切換（有就移除，沒有就添加）
          燈泡的例子
    HTML代碼/文本/值
        沒有參數就是獲取對應的值，
        有參數就設置對應的值
        - .html()  添加html標籤    .html("<span>啦啦啦。</span>")
        - .text()  添加文本        .text("啦啦啦。")
        - .val()
            input :一個參數,獲取的是input框裏面的值
            checkbox :一個參數，獲取的是value的值
            select :
                單選：獲取值
                多選：獲得的是一個數組，設置的時候也要是數組

2、jquery中的循環的兩種方式

//    方式一
    li = [11,22,33];
    $.each(li,function (i,v) {
        console.log(i,v)// 0 11
                         // 1 22
                         // 2 33
    })
//    方式二
    $(".c1").each(function (i,v) {
        console.log(i,v)  //這裏的v拿到的是標籤
//         0 <div class="c1">hah</div>
//         1 <div class="c1">年</div>
//         2 <div class="c1">娃的</div>
        console.log(v.innerText)  //拿到文本
    })