![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jQuery
文章平均质量分 53
httpkaidi
这个作者很懒,什么都没留下…
展开
-
jQuery内容文本值/元素操作
jQuery内容文本值 主要针对元素的内容和表单的值操作 普通元素内容 html() (相当于原生innerHTML) (1) 获取元素设置内容 html() 连着标签一起显示 (2) 获取设置元素文本内容 text() 只得到文本 (3) 获取设置表单值 val() $(function() { //获取元素设置内容 html() 连着标签一起显示 console.log($("div").html()); $("div").htm原创 2021-12-07 21:12:14 · 218 阅读 · 0 评论 -
jQuery对象拷贝/jQuery多库共存
jQuery其他方法 jQuery对象拷贝 想要把某个对象拷贝(合并)给另外一个对象使用,此时可以使用 $.extend()方法 语法:$.extend([deep],target,object1,[objectN] 1.[deep]:如果设置为true 则是深拷贝 ,默认为false 浅拷贝 2.target:要拷贝的目标对象 3.object1:待被拷贝的第一个对象(就是把这个拷贝给target,不止一个) 4.[objectN]:待拷贝到第N个对象的对象 5.浅拷贝是把被拷贝的对象复杂数据类型中的地址原创 2021-12-08 00:12:53 · 104 阅读 · 0 评论 -
jQuery事件-on () 方法/off()方法/ triggle()/事件对象
jQuery事件 jQuery事件注册 单个事件注册element.事件(function(){.....}) 事件绑定 on () 方法 在匹配元素上绑定一个或多个事件的事件处理函数 语法:element.on(events,[selector],fn) events:一个或多个用空格分割的事件类型,比如click 或 keydown [selector]:元素的子元素选择器 fn:回调函数,即绑定在元素身上的侦听函数 (1)on ( ) 实现多个事件注册: // 1. on ( ) 实现多个.原创 2021-12-07 23:49:48 · 181 阅读 · 0 评论 -
jQuery属性操作-prop()/attr()/data()
jQuery属性操作 设置或获取元素固有属性值 prop() 元素固有属性值就是元素本身自带的属性,比如<a>元素里面的 href ,比如<input>里面的 type prop("属性") prop("属性","属性值") 修改/获取自定义属性 attr()(类似于原生js里面的getAttribute/setAttribute) 数据缓存 data() data方法可以在指定的元素上存储数据,并不会修改DOM元素结构,一旦页面刷新,之前存放的数据都将移除 .原创 2021-12-07 19:59:51 · 159 阅读 · 0 评论 -
jQuery效果-自定义动画效果animate /王者荣耀手风琴效果案例
jQuery效果 自定义动画效果animate animate([params,[speed],[easing],[fn]) (1)params:想要更改的样式属性,以对象形式传递,必须写,属性名可以不带引号,如果是复合属性则需要采取驼峰命名法 borderLeft ,其余参数都可以省略 (2)speed:三种预定速度之一的字符串(“slow”、“normal"、“fast”)或表示动画时长的毫秒数值(如:1000) (3)easing:用于指定切换效果,默认是"swing",可用参数"linear" (4原创 2021-12-07 19:27:36 · 177 阅读 · 0 评论 -
jQuery效果-显示与隐藏效果/滑动效果 / 高亮显示案例
jQuery效果 显示与隐藏效果 显示语法规范: show([speed,[easing],[fn]) 显示参数 (1)参数都可以省略,无动画直接显示 (2)speed:三种预定速度之一的字符串(“slow”、“normal"、“fast”)或表示动画时长的毫秒数值(如:1000) (3)easing:用于指定切换效果,默认是"swing",可用参数"linear" (4)fn : 回调函数,再动画完成时执行的函数,每元素执行一次 ( 其他效果可查看jquery 的 API) <body>.原创 2021-12-07 00:50:37 · 212 阅读 · 0 评论 -
jQuery样式操作/案例:Tab栏切换
jQuery样式操作 jQuery可以使用css修改简单样式,也可以使用类修改多个样式 修改简单样式: 参数只写属性名,则是返回属性值 参数是属性名,属性值,逗号分隔,是设置一组样式,属性必须加引号,值如果是数字可以不用跟单位和引号 参数可以是对象形式,方便设置多组样式,属性名和属性值用冒号隔开,属性可以不加引号,如果是复合属性则必须采取驼峰命名法,如果值不是数字,则必须加引号 $(function(){ //1.参数只写属性名,则是返回属性值 consol原创 2021-11-30 18:09:21 · 250 阅读 · 0 评论 -
jQuery的排他思想 /案例:淘宝服饰精品案例分析
jQuery的排他思想 想要多选一的效果,排他思想:当前元素设置样式,其余兄弟元素清除样式 案例:点击的按钮变色 <script src="jquery.min.js"></script> </head> <body> <button>选择</button> <button>选择</button> <button>选择</button> <b原创 2021-12-06 23:54:00 · 150 阅读 · 0 评论 -
jQuery基础语法-选择器/设置样式/筛选方法
jQuery基础语法 jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。 美元符号定义 jQuery, jQuery基础选择器 原生js获取元素的方式有很多,很杂,jQuery做了封装,使元素统一标准 $("选择器") //里面选择器直接写CSS选择器即可,但是要加引号 <body> <div>我是div</div> <div class="nav">我是nav div</div> <.原创 2021-12-06 17:51:02 · 444 阅读 · 0 评论 -
jQuery概述/DOM对象和jQuery对象
jQuery概述 javascript库,即library,是一个封装好的特定的集合(方法和函数),就是在这个库里面。封装了很多预先定义好的函数在里面,比如动画animate、hide、show,比如获取元素 简单理解,就是一个js文件,里面对原生js进行了封装,存放到里面,这样我们可以快速高效地使用这些封装好了的功能。直接调用就好了。 比如 jQuery,就是为了快速方便地操作DOM,里面基本都是函数(方法)。里面都是用原生js实现的。 常见js库: jQuery、prototype、YUI、Dojo原创 2021-12-06 00:21:53 · 89 阅读 · 0 评论