你的位置:首页 > ASP.net教程

[ASP.net教程]工作中的那些事(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();