
jQuery
文章平均质量分 77
JJ_Smilewang
这个作者很懒,什么都没留下…
展开
-
jQuery对象拷贝
如果想要把某个对象拷贝(合并)给另外一个对象使用,此时可以使用$.extend()方法。① deep:如果设为true 为深拷贝,默认为false 浅拷贝。② target:表示需要拷贝的目标对象。③ object1:被拷贝的第一个对象。④ objectN:被拷贝的第N个对象。之所以上述代码的拷贝会出现不同的结果,是因为 :① 浅拷贝是把被拷贝的对象复杂数据类型中的地址拷贝给目标对象,修改目标对象会影响被拷贝对象;简单理解就是:如果你和你朋友从不同地方前往同一个地址,到达的肯定是同一个地方原创 2022-07-08 11:42:17 · 1372 阅读 · 0 评论 -
jQuery事件
单个事件注册,一次只能给一个元素注册一个类型的事件,但是有时需要给同个元素注册多个事件,这时就要写重复写,如下代码:on() 方法可以给元素绑定一个或多个事件的事件处理函数。① events:表示一个或多个用空格分隔的事件类型,如“click”’或“mouseenter”。② selector:表示元素的子元素选择器,用于事件委托。③ fn:回调函数,即绑定在元素身上的侦听函数。(1)优势1 on() 方法可以绑定多个事件,多个处理事件程序。(2)优势2 可以进行事件委派操作,即把原来加在子元素身原创 2022-07-06 20:57:33 · 398 阅读 · 0 评论 -
jQuery常用API--尺寸、位置操作
① 以上参数为空时,则是获取相应元素对应的值,返回的是数字型。② 如果参数为数字,则是修改相应值③ 参数可以不必写单位① offset() 方法设置或返回被选元素相对于文档的偏移坐标,跟父级没有关系。② 该方法有2个属性left、top。offset().top 用于获取距离文档顶部的距离,offset().left 用于获取距离文档左侧的距离③ 可以设置元素的偏移:offset({top:100 , left: 60}),以对象的形式配置参数① position() 方法用于返回被选原创 2022-07-05 18:28:41 · 260 阅读 · 0 评论 -
jQuery常用API--元素操作
元素操作主要是遍历、创建、添加、删除元素等。jQuery 虽然有隐式迭代,但它是对同一类元素进行同样的操作。如果想要给同一类元素做不同的操作,就需要用到遍历。① each()方法遍历匹配的每一个元素。主要用DOM处理。② 里面的回调函数有2个参数:index是每个元素的索引号,domEle是每个DOM元素对象,不是jQuery对象③ 要想使用jQuery方法,需要给这个dom元素转换为jQuery对象,即$(domEle)① $.each()方法可用于遍历任何对象。主要用于数据处理,比如数组,对象等。原创 2022-07-04 21:17:32 · 334 阅读 · 0 评论 -
jQuery常用API--内容文本值
该案例和上文中购物车全选功能案例是同一项目,所以此处只呈现js的代码,样式和结构可以去翻看上篇文章。注意:上篇文章的单价模块和小计模块都多写了一个“元”字,记得去掉,另外还记得给“ - ”按钮加上类名“ reduceBtn ”,给“ + ”按钮加上类名 “ addBtn ”,给数量框input加上“ countInput ”....原创 2022-07-03 18:12:59 · 273 阅读 · 0 评论 -
jQuery常用API--属性操作
所谓元素固有属性指的就是元素本身自带的属性,比如元素里面的href,元素里面的type,里面的src等属性。用户自己给元素添加的属性,称之为自定义属性。比如给div 添加index ="2"data() 方法可以在指定的元素上存取数据,并不会修改DOM元素结构(也就是说存放的数据,在DOM树上是看不见的),而且一旦页面刷新,之前存放的数据都将被移除。...原创 2022-07-02 15:42:43 · 879 阅读 · 0 评论 -
jQuery常用API--效果
jQuery给我们封装了很多动画效果,最为常见的如下:① 参数都可以省略,无动画直接显示② speed:三种预定速度之一的字符串("slow","normal", or "fast")或表示动画时长的毫秒数值(如:1000)③ easing:(Optional) 用来指定切换效果,默认是"swing",可用参数"linear"。④ fn:回调函数,在动画完成时执行的函数,每个元素执行一次。① 参数都可以省略,无动画直接显示② speed:三种预定速度之一的字符串("slow","normal", o原创 2022-06-30 20:14:01 · 430 阅读 · 0 评论 -
jQuery常用API--样式操作
jQuery 可以使用css 方法来修改简单元素样式,也可以操作类,修改多个样式。(1)参数只写属性名,则是返回属性值。(2)参数是属性名,属性值,用逗号分隔,是设置样式,属性必须加引号,如果属性值是数字,可以不用跟单位和引号(3) 参数可以是对象形式,方便设置多组样式。属性名和属性值用冒号隔开,属性可以不用加引号,但是加上更好;属性值如果不是数字,则需要加引号它的作用等同于原生JS中的className , 可以操作类样式,注意操作类里面的参数不要加点。(1)添加类(2)移除类(3)切换类原生JS 中的c原创 2022-06-29 14:00:00 · 312 阅读 · 0 评论 -
jQuery常用API--选择器
我们都知道,元素JS获取元素的方式很多,很杂,而且兼容性情况不一致,因此jQuery 给我们做了封装,使获取元素统一标准。常用的层级选择器就是子代选择器和后代选择器,其使用方法依旧和CSS选择器保持一致。在原生JS中我们如果想要给很多元素添加一样的样式或者绑定同一事件,往往都需要经过for循环遍历才可实现。而jQuery则把遍历内部DOM元素(伪数组形式存储)的过程叫做隐式迭代。简单的说就是把通过选择器或者筛选方法匹配到的所有元素进行循环遍历,执行相应的方法,这些操作是隐秘进行的,而我们只需要直接调用即可,原创 2022-06-28 19:44:18 · 325 阅读 · 0 评论 -
初识jQuery
JavaScript库就类似于一个library,是一个封装好的特定的集合(方法和函数)。简单的说就是在这个库里面,封装了很多预先定义好的函数,需要使用的时候直接调用即可。比如动画animate、显示show、隐藏hide等。我们习惯把封装好的JS文件称之为JS库,而未封装的JS文件称为原生JS代码。jQuery就是我们常见的JavaScript库之一,其里面基本都是函数(方法),而其内部是用JavaScript实现的。jQuery是一个快速、简洁的JavaScript库,其设计的宗旨是 “Write Le原创 2022-06-27 20:47:11 · 329 阅读 · 0 评论