![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jQuery
文章平均质量分 53
我在东软打代码
这个作者很懒,什么都没留下…
展开
-
图片懒加载
图片懒加载是页面优化加快页面加载速度的方法之一,同时可以减轻服务器的压力。当我们页面滑动到可视区域,再显示图片。jQuery插件库:https://www.jq22.com/search?seo=%E6%87%92%E5%8A%A0%E8%BD%BD推荐视频:https://www.bilibili.com/video/BV1Sy4y1C7ha?p=421&spm_id_from=pageDriver...原创 2021-08-11 11:41:03 · 81 阅读 · 0 评论 -
jQuery其它方法
jQuery其它方法jQuery拷贝对象jQuery 多库共存jQuery拷贝对象如果想要把某个对象拷贝(合并)给另一个对象使用,此时可以使用$.extend()方法。语法:$.extend([deep],target,object1,[objectN])1、deep:如果设为true为深拷贝,默认为false浅拷贝2、target:要拷贝的目标对象3、object1:待拷贝到第一个对象的对象4、objectN:待拷贝到第N个对象的对象5、浅拷贝是把拷贝的对象复杂数据类型中的地址拷贝给目原创 2021-08-11 11:09:57 · 62 阅读 · 0 评论 -
jQuery带有动画的返回顶部
带有动画的返回顶部:animate()<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>带有动画的返回顶部</title> <style> div { width: 300px; height: 1000px; text-a原创 2021-08-10 16:55:58 · 120 阅读 · 0 评论 -
jQuery 元素操作、尺寸、位置操作
jQuery元素操作遍历元素遍历元素jQuery 隐式迭代是对同一类元素做了同样的操作。如果想要给同一类元素做不同操作,就需要用到遍历。语法1:$("div").each(function(index,domEle){xxx;})1、each()方法遍历匹配的每一个元素。主要用DOM处理。each每一个2、里面的回调函数有2个参数:index是每一个元素的索引号;demEle是每个DOM元素对象,不是jquery对象。<!DOCTYPE html><html lang="原创 2021-08-10 16:16:11 · 84 阅读 · 0 评论 -
jQuery内容文本值
jQuery内容文本值普通元素内容html()(相当于原生inner HTML)普通元素文本内容text()(相当于原生innerText)表单的值val()(相当于原生value)普通元素内容html()(相当于原生inner HTML)html()//获取元素的内容html(“内容")//设置元素的内容<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <原创 2021-08-10 11:48:14 · 71 阅读 · 0 评论 -
jQuery属性操作
jQuery属性操作设置或获取元素固有属性值prop()设置或获取元素自定义属性attr()数据缓存data()设置或获取元素固有属性值prop()所谓元素固有属性就是元素本身自带的属性,比如<a>元素里面的href,比如元素里面的type。1、获取属性语法prop("属性")2、设置属性语法prop(“属性”,"属性值”)设置或获取元素自定义属性attr()用户自己给元素添加的属性,我们称为自定义属性,比如给div添加index=“1”。1、获取属性语法attr("属性"原创 2021-08-09 22:31:04 · 82 阅读 · 0 评论 -
jQuery 效果
jQuery 效果显示隐藏效果滑动效果事件切换动画队列及停止排队方法淡入淡出效果自定义动画animatejQuery 给我们封装了很多动画效果,最为常见的如下:显示隐藏:show()、hiden()、toggle()滑动:slideDown() 、slideUp()、slideToggle()淡入淡出:fadeln()、fadeOut()、fadeToggle()、fadeTo()自定义动画:animate()显示隐藏效果显示效果显示语法规范show([speed],[easing],原创 2021-08-09 18:05:37 · 181 阅读 · 0 评论 -
jQuery 样式操作
jQuery案例集合链式编程jQuery样式操作链式编程链式编程是为了节省代码量,看起来更优雅。$(this).css('color','red').sibling().css('color','');<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery排他思想</title> <script sr原创 2021-08-09 10:11:47 · 70 阅读 · 0 评论 -
jQuery常用API
jQuery常用APIjQuery基础选择器jQuery 层级选择器jQuery隐式迭代jQuery 筛选选择器jQuery筛选方法(重点)jQuery里面的排他思想jQuery基础选择器原生JS获取元素方法很多,很杂,而且兼容性情况不一致,因此jQuery给我们做了封装,使得获取元素统一标准。$("选择器")//里面选择器直接写CSS选择器即可,但是要加引号jQuery 层级选择器jQuery隐式迭代隐式迭代:把匹配的使用元素进行遍历循环,给每一个元素添加css这个方法jQu原创 2021-08-07 20:10:59 · 1068 阅读 · 8 评论 -
jQuery
jQueryjQuery 概述jQuery优点jQuery的基本使用jQuery 概述jQuery 是一个快速、简洁的Javascript 库,其设计的宗旨是 “write Less,Do More” ,即倡导写更少的代码,做更多的事情。jQuery优点轻量级,核心文件才几十kb,不会影响页面加载速度跨浏览器兼容,基本兼容了现在主流的浏览器链式编程、隐藏迭代对事件、样式、动画支持、大大简化了DOM操作支持插件扩展开发。有着丰富的第三方的插件,例如:树形菜单、日期控件、轮播图免费、开源原创 2021-08-07 13:06:49 · 67 阅读 · 0 评论