工作中的那些事（1）

1、toastr

http://www.jq22.com/jquery-info476

2、jquery1.11.1 checkbox
前端js代碼：

//全選
function CheckAll(e) {
    if ($(e).attr("checked") == "checked") {
        $(e).removeAttr("checked");
        $(":checkbox[name='cbxStudent']").removeAttr("checked");
    } else {
        $(e).attr("checked", true);//添加屬性
        $(e).prop("checked", true);//相當於刷新頁面
        $(":checkbox[name='cbxStudent']").attr("checked", true);//添加屬性
        $(":checkbox[name='cbxStudent']").prop("checked", true);//相當於刷新頁面
    }
}
//單選
function CheckOne() {
    var checkNums = $(":checkbox[name='cbxStudent']").length;//checkbox的總數
    var checkedNums = $(":checkbox[name='cbxStudent']:checked").length;//選中的checkbox總數
    if (checkNums == checkedNums) {
        $("#cbxStudentAll").prop("checked", true);//相當於刷新頁面
    } else {
        $("#cbxStudentAll").removeAttr("checked");
    }
}

 單獨使用attr方法checked屬性不改變，單獨使用prop方法屬性改變，頁面checkbox不打勾，兩者配合就沒問題，可能是版本問題

3、jquery $.each()

var jsonClass = '{ "classes": [{ "classname": "一班", "classid": "1" },{ "classname": "二班", "classid": "2" },{ "classname": "三班", "classid": "3" }';
$.each(json.classes, function () {
    options += "<option value='" + this.classid + "'>" + this.classname + "</option>";
})

4、jquery獲取及設置outerhtml的方法

$(".test").prop("outerHTML");
$('.test').prop('outerHTML', '<input>');

5、查找class!="sel"||class=="sel"的a標簽

$("#classList").find("a:not(.sel)");
$("#classList").find("a.sel");

6、jquery 拼接json數據

var jsonClass = '{ "classes": [';
var jsonContent = "";
$.each($ClassA, function () {
    classname = $(this).text();
    classid = $(this).attr("id");
    classid = classid.substr(7, classid.length)
    jsonContent += '{ "classname": "' + classname + '", "classid": "' + classid + '" }' + ",";
});
if (jsonContent.length > 0) {
    jsonContent = jsonContent.substr(0, jsonContent.length - 1);
}
jsonClass += jsonContent + '] }'; 
var json = eval("(" + jsonClass + ")");

7、jquery select options

$("#select_classes option:selected").val();

8、關閉按鈕×