jQuery
何北木
这个作者很懒,什么都没留下…
展开
-
jQuery-插件篇
1. jQuery插件概述因为有些功能不是所有人都需要使用,为了减小jQuery文件的大小,所以有些功能,另外封装了插件当需要的时候另外引入插件使用2. 懒加载 lazyload() 插件2.1 概述懒加载适用于长网页,图片较多,页面滚动条到了之后再加载图片,不用一打开网页就加载全部图片,节省网页加载时间2.2 使用先引入jQuery.js文件再引入jquery.lazyload.js文件使用插件:a. 把需要懒加载的img标签的src名称改成data-originalb. 给原创 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 评论