工作中的那些事(1)
2018-06-22 07:10:27来源:未知 阅读 ()
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、关闭按钮×
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇:C#基础-MD5验证
- 详解ABP框架中的数据过滤器与数据传输对象的使用 2020-01-18
- C#中的switch case使用介绍 2019-12-13
- 解析ABP框架中的日志功能 2019-11-27
- ASP.NET MVC 4 中的JSON数据交互的方法 2019-10-29
- sealed在C#中的作用说明 2019-09-17
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash
