jQuery1.9為動態添加元素綁定事件以及獲取和操作checkbox的選擇屬性

1.jQuery為動態添加的元素綁定事件：在1.7之后，添加了live()方法，1.9后又被移除，1.9中可用on()方法：

 

$(function() {
    $('.btn').on('click', function() {
        alert('按鈕被點擊');
    });
    $('body').append('<button class="btn">動態添加的按鈕</button>');
});

2.獲取checkbox是否被選中，以及操作其選中狀態：

 

a.通過prop方法獲取checked屬性，獲取的checked返回值為boolean，選中為true,否則為flase .

b.如果使用attr方法獲取時，如果當前input中初始化未定義checked屬性，則不管當前是否選中，$("#selectAll").attr("checked")都會返回undefined； 
    如果當前input中初始化已定義checked屬性，則不管是否選中，$("#selectAll").attr("checked")都會返回checked

使用方法：

 

<input type="checkbox" id="selectAll" />全選
<input type="checkbox" class="selectRow" />第一行
<input type="checkbox" class="selectRow" />第二行

 

$('#selectAll').on('click', function() {
    if ($(this).prop('checked')) {
        $('.selectRow').prop('checked', true);
    } else {
        $('.selectRow').prop('checked', false);
    }
});