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、关闭按钮×
时间: 2024-10-28 10:48:26