
jquery
carriehaohao
这个作者很懒,什么都没留下…
展开
-
jquery 入门(jquery是什么/与JavaScript的联系与区别/jquery版本/引包/入口函数)
1. 为何要学jQuery(1)JS的劣势(2)jQuery是什么(理解)jQuery是别人帮我们封装好的库。jQuery是JS的一个库,封装了开发过程中常用的功能,能够提高开发效率。JS库就是把常用的代码放到一个单独的文件中,用的时候直接引用到页面里面就可以了。世界排名前10000的网站中,超过55%的网站在使用jQuery原创 2017-03-04 13:25:16 · 9306 阅读 · 1 评论 -
jQuery 链式编程/隐式迭代/each方法/多库共存
1.链式编程// 链式编程代码示例$(“li”).parent(“ul”).parent().siblings(“div”).children(“div”).html(“内容”);链式编程原理:return this;通常情况下,只有设置操作才能把链式编程延续下去。因为获取操作的时候,会返回获取到的相应的值,无法返回 thisend(); //结束当前链最近的一次原创 2017-03-04 16:52:58 · 1814 阅读 · 0 评论 -
jQuery 事件(绑定事件/解绑事件/触发事件/事件对象)
jQuery事件1.事件机制jQuery的事件机制,指的是:jQuery对JavaScript操作DOM事件的封装,包括了:事件绑定、事件解绑、事件触发。JavaScript:btn.onclick = function() {}; //给这个按钮绑定事件jQuery:$btn.click(function() {}); //给按钮绑原创 2017-03-04 16:36:00 · 3814 阅读 · 0 评论 -
jquery 节点操作(动态创建元素/添加元素/清空元素/复制元素)
节点操作1.动态创建元素// $()函数的另外一个作用:动态创建元素var $span = $(“我是一个span元素”);2.添加元素append()作用:在被选元素内部的最后一个子元素(或内容)后面插入内容(页面中存在或者创建出来的元素都可以)//在$(selector)中追加$node$(selector).append($no原创 2017-03-04 15:48:18 · 7409 阅读 · 0 评论 -
jquery 属性操作(attr/removeAttr/prop/val/text)
属性操作1.属性操作设置属性:// 第一个参数表示:要设置的属性名称// 第二个参数表示:该属性的值$(selector).attr(“title”, “传智播客”);获取属性:// 参数为:只传入要获取的属性的名称即可返回指定属性的值$(selector).attr(“title”); 移除属性:// 参数为:要移原创 2017-03-04 16:09:04 · 601 阅读 · 0 评论 -
jQuery 插件/如何为jquery扩展方法/jQueryUI
jQuery 插件jQuery虽然功能强大,但也不是包含所有的功能,可以通过插件来扩展它的功能:当你需要某个插件的时候,你可以“安装”到jQuery上面,然后使用。当你不再需要这个插件,那你就可以从jQuery上“卸载”它。(联想:手机软件,安装的app就好比插件,用的时候安装上,不用的时候卸载掉) 1.使用插件如 jQuer原创 2017-03-04 16:02:11 · 644 阅读 · 0 评论 -
jquery 尺寸位置(height/width/offset/scrollTop/scrollLeft)
尺寸位置1.高度和宽度操作高度操作height()作用:设置或获取匹配元素的高度值//带参数表示设置高度$(selector).height(200);//不带参数获取高度$(selector).height();宽度操作width()作用:设置或获取匹配元素的宽度值//带参数表示设置宽度//不带参数获取宽度$(select原创 2017-03-04 15:55:02 · 754 阅读 · 0 评论 -
jQuery 选择器(基本选择器/层级选择器/过滤选择器/筛选选择器)
jQuery选择器1. JS中选择DOM元素的方法考虑兼容性的话,js里面提供的选择DOM的方法只有两个:JavaScript选择元素的方法document.getElementById();通过id属性获取指定元素返回唯一的DOM对象document.getElementsByTagN原创 2017-03-04 15:38:59 · 3416 阅读 · 0 评论 -
jquery 动画函数animate/show/slideDown/fadeIn/toggle
动画函数jQuery提供的一组常见的动画效果,这些动画是标准的、有规律的效果;同时还提供给我们了自定义动画的功能。 1. 隐藏显示动画show()方法形式一:// 不带参数,没有动画$(selector).show();//作用等同于css(“display”, ”block”)形式二://参数为数值,表示:执原创 2017-03-04 15:33:22 · 1571 阅读 · 0 评论 -
jquery DOM样式操作和类名操作
1. 样式操作(1) 设置样式设置单个样式:// 第一个参数表示:样式属性名称// 第二个参数表示:样式属性值$(selector).css(“color”, “red”);设置多个样式:(也可以设置单个)// 参数为 {}(对象)$(selector).css({“color”: “red”, “font-size”: “30px”});原创 2017-03-04 15:08:23 · 3034 阅读 · 0 评论 -
jquery 对象 / jquery对象与dom对象相互转换
jQuery对象1. jQuery的DOM对象与普通的DOM对象普通的DOM对象此处指的是:使用JS操作DOM的方法返回的对象var btn = document.getElementById(“btnShow”); //普通的DOM对象jQuery的DOM对象此处指的是:使用jQuery操作DOM的方法返回的对象var $btn = $(“#btnSh原创 2017-03-04 15:01:27 · 594 阅读 · 0 评论 -
jquery 懒加载插件jquery.lazyload.js
懒加载插件 jquery.lazyload.js打开一个页面,有很多图片,不可能一次加载完毕,而是滚动到哪个位置再进行加载,这是用来做性能优化的。1.导入JS插件(前提有 jquery.lazyload.js 文件)2. 需要进行懒加载的图片上要添加选择器:lazy然后添加方法:lazyload()$("img.lazy").lazyload()原创 2017-03-04 17:23:08 · 1664 阅读 · 0 评论