![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jQuery
轻小說控
这个作者很懒,什么都没留下…
展开
-
jQuery-jQueryValidate插件
jQueryjQuery插件/*需求:1. 给 $ 添加4个工具方法:* min(a, b) : 返回较小的值* max(c, d) : 返回较大的值* leftTrim() : 去掉字符串左边的空格* rightTrim() : 去掉字符串右边的空格* */(function () { //扩展jQuery核心函数的方法 $.extend({ m...原创 2019-09-15 15:45:36 · 424 阅读 · 0 评论 -
jQuery-jQuery爱好选择器&事件
jQuery练习——爱好选择器 <form> 你爱好的运动是?<input type="checkbox" id="checkedAllBox"/>全选/全不选 <br/> <input type="checkbox" name="items" value="足球"/>足...原创 2019-09-15 15:51:00 · 473 阅读 · 0 评论 -
jQuery-jQuery动画&导航动态显示效果
jQuery内置动画淡入淡出: 不断改变元素的透明度来实现的fadeIn(): 带动画的显示fadeOut(): 带动画隐藏fadeToggle(): 带动画切换显示/隐藏/* 需求: 1. 点击btn1, 慢慢淡出 * 无参 * 有参 * 字符串参数 * 数字参数 */var $div1=$('.div1'); $('#btn1'...原创 2019-09-15 15:54:32 · 620 阅读 · 0 评论 -
jQuery-jQuery工具&属性&多TAB栏切换
jQueryjQuery工具方法1.$.each(): 遍历数组或对象中的数据var obj={ name:'Tom', setName:function (name) { this.name=name; }}$.each(obj,function(key,value){ console.log(key,value);})//name Tom set...原创 2019-09-15 15:56:10 · 229 阅读 · 0 评论 -
jQuery-jQuery函数&对象
jQueryjQuery的基本使用引用JQuery库本地引入<script type="text/javascript" src="js/jquery-1.10.1.js></script>远程引入<script src="https//cdn.bootcss.com/jquery/1.12.4/jquery.js"></scrip...原创 2019-09-15 15:57:00 · 298 阅读 · 0 评论 -
jQuery-jQuery选择器
jQuery选择器基本选择器#id : id选择器/* 需求: 1. 选择id为div1的元素 */$('#div1').css('background','red');element : 元素选择器/* 2. 选择所有的div元素 */ $('div').css('background','blue');.class : 属性选择器/...原创 2019-09-15 15:59:28 · 345 阅读 · 0 评论 -
jQuery-jQuery元素尺寸&offset,position&筛选
jQueryCSS设置css样式/读取css值css()<p style="color: blue;">尚硅谷的后裔</p><p style="color: green;">太阳的后裔</p>1.得到第一个p标签的颜色console.log($('p:first').css('color'));//rgb(0, 0, 255)...原创 2019-09-15 16:02:18 · 174 阅读 · 0 评论