jQuery相关：常用的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')。