jQuery使用记录

关于近期jQuery使用的总结

• 为某个元素绑定事件

// 格式
$(document).on("事件", "#元素id", function () {
});
// 例:点击id="btn_click"按钮,显示“点击事件”
$(document).on("click", "#btn_click", function () {
    alert("点击事件");
});

• 清空某元素（div...）内所有input值

clear("#包裹input元素的组件id input", "");
/**
 * 重新选择操作时，清空输入框值
 * @param {*} objId 
 * @param {*} value 
 */
function clear(objId, value) {
    $(objId).val(value);
}

• 删除表格行，只保留第一行

//归一化可添加元素
$("#表Id tbody tr").eq(0).nextAll().remove();

• 获取/重置元素值， 删除元素

var content = $("#objId").val();//获取值

$(objId).val("");//清空值
$(objId).remove();//删除元素

• 删除被选中的表格行

/**
 * 删除选中的指定name的input框
 * @param {供选中的input群 name} ckb 
 */
function delTr(ckb) {
    //获取选中的复选框，然后循环遍历删除
    var checked_item = $("input[name=" + ckb + "]:checked");
    if (checked_item.length == 0) {
        alert("要删除指定行，需选中要删除的行！");
        return;
    }
    checked_item.each(function () {
        $(this).parent().parent().remove();
    });
}

• 动态增加HTML

$("#objId").after(html);//将HTML代码字符串添加至元素后