工作中的那些事(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、关闭按钮×
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 智能桌面机器人:用.NET IoT库控制舵机并多方法播放表情
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 手把手教你在本地部署DeepSeek R1,搭建web-ui ,建议收藏!
· 新年开篇:在本地部署DeepSeek大模型实现联网增强的AI应用
· Janus Pro:DeepSeek 开源革新,多模态 AI 的未来
· 互联网不景气了那就玩玩嵌入式吧,用纯.NET开发并制作一个智能桌面机器人(三):用.NET IoT库
· 【非技术】说说2024年我都干了些啥