jQuery学习记录

基础知识：

基础语法：$(selector).action()

jQuery函数位于一个文档就绪事件中，防止文档未加载完成前就运行函数

$(document).ready(function(){

    // 开始写 jQuery 代码...

});

简洁写法
$(function(){

    // 开始写 jQuery 代码...

});

选择器

$(this)     选取当前html元素
$("p")      选取所有的p元素
$("#test")  选取id为test的元素
$(".test")  选取class="test"的元素

选择器的更多语法，jQuery选择器语法

jQuery 事件，监听某个组件，当发生事件时，执行代码

比如 click事件，当组件被点击时执行

$("#delete-whitelist").click(function() {
    $("#delete-form").submit();
});

为多个id相同的组件注册事件

$("[id=delete]").click(function () {
    var delete_customer_id = $(this).attr('data-id');
    $("#delete-ids").val([delete_customer_id]);
});

给动态添加的元素添加事件

若元素是动态生成的，原先在元素上直接注册的事件不会有效果，需要使用这种方法

$(document).on('click', '#my-id',  function () {
    alert('aa')
});