jQuery
何北木
这个作者很懒,什么都没留下…
展开
-
jQuery-插件篇
1. jQuery插件概述 因为有些功能不是所有人都需要使用,为了减小jQuery文件的大小,所以有些功能,另外封装了插件当需要的时候另外引入插件使用 2. 懒加载 lazyload() 插件 2.1 概述 懒加载适用于长网页,图片较多,页面滚动条到了之后再加载图片,不用一打开网页就加载全部图片,节省网页加载时间 2.2 使用 先引入jQuery.js文件 再引入jquery.lazyload.js文件 使用插件: a. 把需要懒加载的img标签的src名称改成data-original b. 给原创 2020-11-17 16:49:36 · 100 阅读 · 0 评论 -
jQuery-事件简述
1. 鼠标经过事件 mouseover(函数) 此方法在鼠标经过其与其子元素的时候都会触发事件(缺点可能触发多次) mouseenter(函数) 此方法只在鼠标经过他自己的时候才会触发事件(触发一次,推荐使用) 2. 鼠标离开事件 mouseout(函数) 与 mouseover(鼠标经过事件) 配对使用 mouseleave(函数) 与 mouseenter (鼠标经过事件)配对使用 3. 键盘事件 keydown() 按键按下事件 keyup() 按键抬起事件 4. 注册事件on 注册简原创 2020-11-17 15:01:19 · 211 阅读 · 0 评论 -
jQuery-方法篇
1. 操作样式的方法 设置css单个样式:css("样式名","样式值") 设置css多个样式:css({width:"100px",height:"50px"}) 样式名建议用驼峰式; 获取css样式:css("样式名") 返回样式值为String类型 注:隐式迭代:设置操作的时候会给jquery内部所有对象设置上相同的值。获取的时候:只会返回第一个元素对应的值 2. 操作类的方法 添加类:addClass("类名") 移除类:removeClass("类名") 判断类:has原创 2020-11-17 00:29:46 · 469 阅读 · 0 评论 -
jQuery-选择器篇
1. 什么是jQuery选择器 jQuery选择器是jQuery提供的一组方法,让我们更加方便的获取到页面中的元素。 注意:jQuery选择器返回的是jQuery对象。 特点:jQuery选择器有很多,基本兼容了CSS1到CSS3所有的选择器,并且jQuery还添加了很多更加复杂的选择器 2. jQuery的基础选择器 ID选择器:$('#id') 获取指定ID的元素 类选择器:$('.class') 获取所有此类名元素 标签选择器:$('div') 获取所有此标签元素 并集选择器:$('div, p原创 2020-11-16 22:02:42 · 81 阅读 · 0 评论 -
jQuery-使用篇
1. jQuery 的使用 jQuery 的下载:http://jquery.com/ 各个版本的下载地址:https://code.jquery.com/ 1. 版本: 1x:兼容IE678等低版本浏览器,官网不再更新 2x:不兼容IE678等低版本浏览器,官网不再更新 3x:不兼容IE678等低版本浏览器,是`官方主要更新维护的版本` 引入jQuery文件 <script src="../jquery-1.12.4.js"></script> jQuery原创 2020-11-16 21:26:15 · 110 阅读 · 0 评论 -
jQuery-简述篇
1. JavaScript库 javaScript库:是一个封装好的特定的集合(方法和函数) 在这个库中封装了很多预先定义好的函数在里面,比如动画animate、hide、show、比如获取元素等 简单理解:就是一个js文件,里面对我们原生js代码进行了封装,存放到里面,这样我们就可以快速高效的使用这些封装好的功能 比如jQuery,就是为了快捷方便的操作DOM,里面基本都是函数(方法) 常见的JavaScript库:jQuery、Prototype、YUI、Dojo、ExtJS、移动端的zepto,这些原创 2020-11-16 21:24:47 · 1366 阅读 · 0 评论