工作中的那些事(1)

1、toastr

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

2、jquery1.11.1 checkbox
前端js代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
//全选
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()

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

4、jquery获取及设置outerhtml的方法

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

5、查找class!="sel"||class=="sel"的a标签

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

6、jquery 拼接json数据

1
2
3
4
5
6
7
8
9
10
11
12
13
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

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

8、关闭按钮&times;

posted @   zhyue93  阅读(441)  评论(0编辑  收藏  举报
编辑推荐:
· 智能桌面机器人:用.NET IoT库控制舵机并多方法播放表情
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
阅读排行:
· 手把手教你在本地部署DeepSeek R1,搭建web-ui ,建议收藏!
· 新年开篇:在本地部署DeepSeek大模型实现联网增强的AI应用
· Janus Pro:DeepSeek 开源革新,多模态 AI 的未来
· 互联网不景气了那就玩玩嵌入式吧,用纯.NET开发并制作一个智能桌面机器人(三):用.NET IoT库
· 【非技术】说说2024年我都干了些啥
点击右上角即可分享
微信分享提示