
jQuery
pangDa-cd
这个作者很懒,什么都没留下…
展开
-
jQuery框架介绍
一、jQuery介绍jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库。jQuery可以简便的实现js DOM遍历、操作、事件处理、动画、ajax等操作; jQuery 是为改变你编写JavaScript 的方式而设计的。二、jQuery的特点:1:轻量级的JS函数库jQuery的核心js文件几十KB,不会影响页面加载...原创 2019-09-05 21:14:10 · 720 阅读 · 0 评论 -
jQuery运用(1)
一、选择器jquery选择器可以快速地选择元素,选择规则和css样式相同,使用length属性判断是否选择成功。$('#myId') //选择id为myId的网页元素 $('.myClass') // 选择class为myClass的元素 $('li') //选择所有的li元素 $('#ul1 li') //选择id为为ul1元素下的所有li元素 $('inpu...原创 2019-09-05 21:28:56 · 237 阅读 · 0 评论 -
jQuery动画
自定义动画 // para1: object类型,需要动画的样式key:value对象 // para2: 动画时间,可以缺省,默认为400 // para3: 动画速率函数,可以缺省 // para4: 动画结束的回调函数,可以缺省 // 有些css样式不支持动画 ...原创 2019-09-06 09:04:01 · 441 阅读 · 0 评论 -
jQuery制作轮播图
jQuery轮播图轮播图是制作网页时很常见的一个功能。故此发一篇关于轮播图的代码,写的不好还请见谅。我此处使用了jQuery框架,图片切换的思路是最初在HTML标签里只放置一张图片,在切换时更改图片的路径;这样的代码会比放置图片然后切换图片的代码更加简单,优化。然后一些重复使用的代码的封装调用,更加使得代码看上去简单,清楚。我个人觉得还是有可取之处的,当然还有很多的进步空间。欢迎大家借鉴思路...原创 2019-09-08 17:47:18 · 944 阅读 · 0 评论 -
jQuery实现常见的放大镜效果
jQuery实现放大镜效果一、HTML代码<section> <div class="top"> <img src="./imgs/0_big.jpg" alt=""> <div class="mask"></div> </div> ...原创 2019-09-08 18:05:31 · 677 阅读 · 1 评论