常用的jQuery方法記錄

常用的jQuery方法如下：

$("selector").show()  //顯示指定HTML元素，可加speed和callback兩個參數
$("selector").hide()  //顯示指定HTML元素，可加speed和callback兩個參數
$("selector").data()
$("selector").attr()
$("selector").html()
$("selector").append()
$("selector").css()
$("selector").animate()  //對被選元素應用"自定義"動畫，參數{styles},speed,easing,callback
$("selector").addClass()
$("selector").removeClass()
$("selector").on()
$("selector").bind()
$("selector").click()
$("selector").siblings()
$("selector").text()
$("selector").val()
$("selector").find()
$("selector").parent()
$("selector").children()

這裏說一下data()方法：

$(".list").html(indexJson.list.map(function (d, i) {
    return `
            <div class="item" data-i="${i}">
            </div>`
    }).join(""));


$(".list").on("click", ".item", function () {
    var $this = $(this);
    var i = $this.data("i");
});

說明：$this.data('i')這個是什麼意思?

獲取元素data-i屬性的值，等價於$(this).attr('data-i')。