![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jQuery
文章平均质量分 88
李穩钰
这个作者很懒,什么都没留下…
展开
-
jQuery第三天学习总结—— toDoList案例
toDoList综合案例案例:案例介绍// 1. 文本框里面输入内容,按下回车,就可以生成待办事项。// 2. 点击待办事项复选框,就可以把当前数据添加到已完成事项里面。// 3. 点击已完成事项复选框,就可以把当前数据添加到待办事项里面。// 4. 但是本页面内容刷新页面不会丢失。案例:toDoList 分析// 1. 刷新页面不会丢失数据,因此需要用到本地存储 localStorage// 2. 核心思路: 不管按下回车,还是点击复选框,都是把本地存储的数据加载到页面中,这样保证刷新关原创 2021-08-21 09:32:02 · 310 阅读 · 0 评论 -
jQuery第三天学习总结—— 拷贝对象、多库共存、插件
jQuery 拷贝对象如果想要把某个对象拷贝(合并) 给另外一个对象使用,此时可以使用 $.extend() 方法语法$.extend([deep], target, object1, [objectN]) 参数:deep: 如果设为true 为深拷贝, 默认为false 浅拷贝target: 要拷贝的目标对象object1:待拷贝到第一个对象的对象。objectN:待拷贝到第N个对象的对象。浅拷贝是把被拷贝的对象复杂数据类型中的地址拷贝给目标对象,修改目标对象会影响被拷贝对象。原创 2021-08-21 09:31:01 · 95 阅读 · 0 评论 -
jQuery第三天学习总结—— 事件注册、事件处理、事件对象
jQuery 事件注册jQuery 为我们提供了方便的事件注册机制,是开发人员的福音,操作优缺点如下:优点: 操作简单,且不用担心事件覆盖等问题。缺点: 普通的事件注册不能做事件委托,且无法实现事件解绑,需要借助其他方法。单个事件注册语法:element.事件(function(){}) $('div').click(function(){ 事件处理程序 }) 其他事件和原生基本一致。比如mouseover、mouseout、blur、focus、change、keydown、ke转载 2021-08-21 09:28:15 · 165 阅读 · 0 评论 -
jQuery第二天学习总结—— jQuery 尺寸、位置操作
jQuery 尺寸、位置操作jQuery中分别为我们提供了两套快速获取和设置元素尺寸和位置的API,方便易用,内容如下。jQuery 尺寸操作jQuery 尺寸操作包括元素宽高的获取和设置,且不一样的API对应不一样的盒子模型。语法用法width()/height()取得匹配元素宽度和高度值 只算width/heightinnerWidth()/innerHeight()取得匹配元素宽度和高度值 包含paddingouterWidth()/outHeight()原创 2021-08-20 11:57:04 · 146 阅读 · 0 评论 -
jQuery第二天学习总结—— jQuery 元素操作(遍历、创建、添加、删除)
jQuery 元素操作jQuery 元素操作主要讲的是用jQuery方法,操作标签的遍历、创建、添加、删除等操作。遍历元素jQuery 隐式迭代是对同一类元素做了同样的操作。 如果想要给同一类元素做不同操作,就需要用到遍历。语法1$("div").each(function (index, domEle) { xxx; }) each()方法遍历匹配的每一个元素。主要用DOM处理。里面的回调函数有2个参数:index 是每个元素的索引号; demEle 是每个DOM元素对象,不是jquer原创 2021-08-20 11:43:42 · 283 阅读 · 0 评论 -
jQuery第二天学习总结—— jQuery 文本属性值(html、text、val)
jQuery 文本属性值jQuery的文本属性值常见操作有三种:html()/ text()/ val() ;分别对应JS中的 innerHTML 、innerText 和 value 属性。jQuery内容文本值主要针对元素的内容还有表单的值操作。普通元素内容html()(相当于原生inner HTML)获取元素的内容html() // 获取元素的内容设置元素的内容html("内容") // 设置元素的内容普通元素文本内容 text() (相当与原生 innerText)获取元素原创 2021-08-20 11:21:27 · 248 阅读 · 0 评论 -
jQuery第二天学习总结—— jQuery 属性操作(prop、attr、data)
jQuery 属性操作jQuery 常用属性操作有三种:prop() /attr()/ data() ;设置或获取元素固有属性值 prop()所谓元素固有属性就是元素本身自带的属性,比如<a>元素里面的href ,比如 <input>元素里面的type。1.获取属性语法prop("属性");2.设置属性语法prop("属性", "属性值");注意:prop() 除了普通属性操作,更适合操作表单属性:disabled / checked / selected 等。原创 2021-08-20 10:55:57 · 433 阅读 · 0 评论 -
jQuery第二天学习总结—— jQuery 效果(显示隐藏、滑入滑出、淡出淡出、自定义动画、停止动画队列、事件切换)
jQuery 效果jQuery 给我们封装了很多动画效果,最为常见的如下:显示隐藏:show() /hide()/ toggle();划入划出:slideDown() /slideUp()/ slideToggle();淡入淡出:fadeIn() / fadeOut() /fadeToggle()/fadeTo() ;自定义动画:animate();注意:动画或者效果一旦触发就会执行,如果多次触发,就造成多个动画或者效果排队执行。jQuery为我们提供另一个方法,可以停止动画排队原创 2021-08-20 08:35:43 · 465 阅读 · 0 评论 -
jQuery第二天学习总结——jQuery 样式操作
jQuery 样式操作jQuery中常用的样式操作有两种:css()和设置类样式方法方法1: 操作 css 方法jQuery 可以使用 css 方法来修改简单元素样式; 也可以操作类,修改多个样式。第一种形式: 参数只写属性名,则是返回属性值// 1.参数只写属性名,则是返回属性值$(this).css('color');// jQuery设置样式:$('div').css('属性','值')第二种形式: 参数是属性名,属性值,逗号分隔,是设置一组样式,属性必须加引号,值如果是数字可以不用原创 2021-08-20 08:31:10 · 100 阅读 · 0 评论 -
jQuery第二天学习总结—— jQuery 选择器(基础选择器、层级选择器、筛选选择器、隐式迭代、链式编程)
jQuery 选择器原生 JS 获取元素方式很多,很杂,而且兼容性情况不一致,因此 jQuery 给我们做了封装,使获取元素统一标准。基础选择器$("选择器") // 里面选择器直接写 CSS 选择器即可,但是要加引号 名称用法描述ID选择器$("#id")获取指定ID的元素全选选择器$("*")匹配所有元素类选择器$(".class")获取同一类class的元素标签选择器$(“div”)获取同一类标签的所有元素并集选择器$(“原创 2021-08-20 08:24:27 · 171 阅读 · 0 评论 -
jQuery第一天学习总结—— jQuery 的基本使用(入口函数、顶级对象$、jQuery 对象和 DOM 对象转换)
jQuery 介绍JavaScript 库JavaScript库:即 library,是一个封装好的特定的集合(方法和函数)。从封装一大堆函数的角度理解库,就是在这个库中,封装了很多预先定义好的函数在里面,比如动画animate、hide、show,比如获取元素等。简单理解: 就是一个JS 文件,里面对我们原生js代码进行了封装,存放到里面。这样我们可以快速高效的使用这些封装好的功能了。比如 jQuery,就是为了快速方便的操作DOM,里面基本都是函数(方法)。常见的JavaScript 库原创 2021-08-20 00:23:02 · 159 阅读 · 0 评论