jQuery从入门到熟练(26)

2023-04-24 来源:飞速影视
1. 给 $ 添加4个工具方法: * min(a, b) : 返回较小的值 * max(c, d) : 返回较大的值 * leftTrim() : 去掉字符串左边的空格 * rightTrim() : 去掉字符串右边的空格 2. 给jQuery对象 添加3个功能方法: * checkAll() : 全选 * unCheckAll() : 全不选 * reverseCheck() : 全反选 */ console.log($.min(3, 5), $.max(3, 5)) var string = " my atguigu " console.log("-----" $.leftTrim(string) "-----") console.log("-----" $.rightTrim(string) "-----") var $items = $(":checkbox[name=items]") $("#checkedAllBtn").click(function () { $items.checkAll() }) $("#checkedNoBtn").click(function () { $items.unCheckAll() }) $("#reverseCheckedBtn").click(function () { $items.reverseCheck() })</script>

2、jQuery 插件


理解基于 jQuery 编写的扩展库http://plugins.jquery.com/jquery-validation表单验证插件使用下载引入 jsjquery-1.11.1.jsjquery.validate.jsmessages_zh.js定义验证直接在标签中指定js编码指定jquery UIhttp://jqueryui.com/laydatehttp://www.layui.com/laydate/

六、其他


1、多库共存


<style type="text/css"> * { margin: 0px; } .div1 { position: absolute; width: 100px; height: 100px; top: 50px; left: 10px; background: red; }</style></head><body><!--问题 : 如果有2个库都有$, 就存在冲突解决 : jQuery库可以释放$的使用权, 让另一个库可以正常使用, 此时jQuery库只能使用jQuery了API : jQuery.noConflict()--><script type="text/javascript" src="js/myLib.js"></script><script type="text/javascript" src="js/jquery-1.10.1.js"></script><script type="text/javascript"> // 释放$的使用权 jQuery.noConflict() // 调用myLib中的$ $() // 要想使用jQuery的功能, 只能使用jQuery jQuery(function () { console.log("文档加载完成") })</script>
相关影视
合作伙伴
本站仅为学习交流之用,所有视频和图片均来自互联网收集而来,版权归原创者所有,本网站只提供web页面服务,并不提供资源存储,也不参与录制、上传
若本站收录的节目无意侵犯了贵司版权,请发邮件(我们会在3个工作日内删除侵权内容,谢谢。)

www.fs94.org-飞速影视 粤ICP备74369512号