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 · 76 阅读 · 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 · 61 阅读 · 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 · 119 阅读 · 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 · 80 阅读 · 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 · 69 阅读 · 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 · 76 阅读 · 0 评论 -
jQuery 效果
jQuery 效果显示隐藏效果滑动效果事件切换动画队列及停止排队方法淡入淡出效果自定义动画animate jQuery 给我们封装了很多动画效果,最为常见的如下: 显示隐藏:show()、hiden()、toggle() 滑动:slideDown() 、slideUp()、slideToggle() 淡入淡出:fadeln()、fadeOut()、fadeToggle()、fadeTo() 自定义动画:animate() 显示隐藏效果 显示效果 显示语法规范 show([speed],[easing],原创 2021-08-09 18:05:37 · 171 阅读 · 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 · 69 阅读 · 0 评论 -
jQuery常用API
jQuery常用APIjQuery基础选择器jQuery 层级选择器jQuery隐式迭代jQuery 筛选选择器jQuery筛选方法(重点)jQuery里面的排他思想 jQuery基础选择器 原生JS获取元素方法很多,很杂,而且兼容性情况不一致,因此jQuery给我们做了封装,使得获取元素统一标准。 $("选择器")//里面选择器直接写CSS选择器即可,但是要加引号 jQuery 层级选择器 jQuery隐式迭代 隐式迭代:把匹配的使用元素进行遍历循环,给每一个元素添加css这个方法 jQu原创 2021-08-07 20:10:59 · 1066 阅读 · 8 评论 -
jQuery
jQueryjQuery 概述jQuery优点jQuery的基本使用 jQuery 概述 jQuery 是一个快速、简洁的Javascript 库,其设计的宗旨是 “write Less,Do More” ,即倡导写更少的代码,做更多的事情。 jQuery优点 轻量级,核心文件才几十kb,不会影响页面加载速度 跨浏览器兼容,基本兼容了现在主流的浏览器 链式编程、隐藏迭代 对事件、样式、动画支持、大大简化了DOM操作 支持插件扩展开发。有着丰富的第三方的插件,例如: 树形菜单、日期控件、轮播图 免费、开源原创 2021-08-07 13:06:49 · 66 阅读 · 0 评论