
前端学习-jQuery
Nanami Touko
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
前端学习笔记-jQuery-jQuery概述
JavaScript库JavaScript库:即library,是一个封装好的特定的集合(方法和函数)。从封装一大推函数的精度理解库,就是在找个库中,封装了很多预先定义好的函数在里面,比如动画animate、hide、show,比如获取元素等。简单理解:就算一个JS文件,里面对我们原生的js代码进行了封装,存放到里面,这样我们可以快速高效的使用这些封装好的功能了。比如jQuery,就算...原创 2019-09-22 12:45:10 · 234 阅读 · 0 评论 -
前端学习笔记-jQuery-jQuery选择器/隐式迭代/链式编程
jQuery选择器jQuery基本选择器原生JS获取原生的方式很多,很杂,而且兼容性情况,不一致,因此jQuery给我们做了封装,使获取元素统一标准。$("选择器") // 里面选择直接写CSS选择器即可,但是要加引号jQuery层级选择器jQuery筛选选择器jQuery筛选方法parents() // 返回所有父级(祖先元素)...原创 2019-09-22 16:41:19 · 286 阅读 · 0 评论 -
前端学习笔记-jQuery-jQuery样式操作/jQuery效果
jQuery样式操作操作css方法1.参数只写属性名,则会返回属性值$(this).css("color");2.参数是属性名,属性,逗号分隔,是设置一组样式,属性必须加引号,值如果是数字可以不用跟单位和引号$(this).css("color","red");3.参数可以是对象形式,方便设置多组样式,属性名和属性值用冒号隔开,属性可以不用加引号$(th...原创 2019-09-23 15:18:06 · 183 阅读 · 0 评论 -
前端学习笔记-jQuery-jQuery动画(王者荣耀手风琴案例)
案例:王者荣耀手风琴分析:鼠标经过某个小li 有两步操作: 1.当前小li 宽度变为 224px, 同时里面的小图片淡出,大图片淡入 2.其余兄弟小li宽度变为69px, 小图片淡入, 大图片淡出<!doctype html><html><head> <meta charset="utf-8"> <titl...原创 2019-09-24 10:38:05 · 1429 阅读 · 0 评论 -
前端学习笔记-jQuery-jQuery属性操作/内容文本值
jQuery属性操作设置或获取元素固有属性值 prop()所谓元素固有属性就是元素本身自带的属性,比如<a>元素里面的href,比如<input>元素里面的type。1.获取属性prop("属性")2.设置属性prop("属性","属性值")设置或获取元素自定义属性值 attr()用户自己给元素添加的属性,我们称为自定义属性。比...原创 2019-09-24 16:12:54 · 262 阅读 · 0 评论 -
前端学习笔记-jQuery-元素操作
元素操作主要是遍历、创建、添加、输出元素操作遍历元素jQuery隐式迭代是对同一类的元素做了相同的操作。如果想要给同一类的元素做不同的操作,就需要用到遍历。语法1:$("div").each(function(index,domEle){xxx;})each()方法遍历匹配的每一个元素。只要用DOM处理。each每一个 里面的回调函数又2个参数:index 是每...原创 2019-09-24 21:46:35 · 167 阅读 · 0 评论 -
前端学习笔记-jQuery-jQuery尺寸/位置方法
jQuery尺寸jQuery位置位置主要有三个:offset()、position()、scrollTop()/scrollLeft()1.offset()设置获取元素偏移2.position()获取元素偏移注意:这个方法只能获取不能设置偏移3.scrollTop()/scrollLeft()设置或获取元素被卷去的头部和左侧案例:带有动画效...原创 2019-09-26 15:19:44 · 191 阅读 · 0 评论