码农小小海 - 博客园

jQuery系列---【jQuery中的动画】

摘要：显示与隐藏 show(),hide(),toggle() // jQuery对象.show(speed, easing, callback): 显示 // jQuery对象.hide(speed, easing, callback): 隐藏 // jQuery对象.toggle(speed, eas 阅读全文

posted @ 2021-04-12 23:00 码农小小海阅读(54) 评论(0) 推荐(0) 编辑

jQuery系列---【jQuery元素宽高节点事件】

摘要：元素宽高 // 获取宽高 console.log($('.box').width()); // width console.log($('.box').innerWidth()); // width+padding console.log($('.box').outerWidth()); // wi 阅读全文

posted @ 2021-04-12 22:38 码农小小海阅读(75) 评论(0) 推荐(0) 编辑

jQuery系列---【jQuery操作元素】

摘要： jQuery节点 children()：直接子元素 next(): 下一个兄弟节点 nextAll(): 下面所有的兄弟节点 prev()：上一个兄弟节点 prevAll()：上面所有兄弟节点 siblings(): 所有的兄弟节点 parent(): 父节点 parents(): 所有的祖先节点阅读全文

posted @ 2021-04-12 22:32 码农小小海阅读(77) 评论(0) 推荐(0) 编辑

jQuery系列---【jQuery选择器】

摘要： $(document).ready() // window.onload: 页面结构和资源加载成功后调用, $(document).ready(): 页面结构加载成功就调用,不用`等待资源加载成功 // window.onload 不能重复添加(会覆盖) $(document).ready() 可以阅读全文

posted @ 2021-04-12 22:29 码农小小海阅读(56) 评论(0) 推荐(0) 编辑

javaScript系列---【移动端事件--touch.js知识点总结】

摘要： 1、移动端事件 1、移动端事件移动端常用的事件，主要有三个，分别是： ontouchstart(手指按下) ontouchmove(手指移动) ontouchend(手指抬起) 注意：移动端事件绑定，要用addEventListener var box = document.getElementB 阅读全文

posted @ 2021-04-12 21:46 码农小小海阅读(1045) 评论(0) 推荐(0) 编辑

javaScript系列---【轮播图】

摘要： <div class="box"> <ul class="imgList"> </ul> <div class="btn"> <span class="leftBtn"></span> <span class="rightBtn"></span> </div> <div class="circle" 阅读全文

posted @ 2021-04-12 21:32 码农小小海阅读(69) 评论(0) 推荐(0) 编辑

javaScript系列---【闭包】

摘要：闭包 1变量的作用域复习变量根据作用域的不同分为两种：全局变量和局部变量。函数内部可以使用全局变量。函数外部不可以使用局部变量。当函数执行完毕，本作用域内的局部变量会销毁。 ###2什么是闭包闭包（closure）指有权访问另一个函数作用域中变量的函数。简单理解就是，一个作用域可以访问另阅读全文

posted @ 2021-03-29 23:02 码农小小海阅读(43) 评论(0) 推荐(0) 编辑

javaScript系列---【原生js中的Ajax封装函数】

摘要： // get请求 ajax({ type: 'get', url: 'http://edu.xqb.ink/api/courselist', data: 'limits=5', success: function (res) { console.log(res);//res回应数据 } }); // 阅读全文

posted @ 2021-03-29 22:57 码农小小海阅读(78) 评论(0) 推荐(0) 编辑

javaScript系列---【常用正则】

摘要：一、校验数字的表达式 1. 数字：^[0-9]*$ 2. n位的数字：^\d{n}$ 3. 至少n位的数字：^\d{n,}$ 4. m-n位的数字：^\d{m,n}$ 5. 零和非零开头的数字：^(0|[1-9][0-9]*)$ 6. 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+( 阅读全文

posted @ 2021-03-29 22:44 码农小小海阅读(63) 评论(0) 推荐(0) 编辑

JavaScript系列---【js动画特效--放大镜案例】

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-03-29 22:11 码农小小海阅读(113) 评论(0) 推荐(0) 编辑