首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

jQuery Builder:jQuery 的精简之道

但众所周知Jquery 是日渐臃肿,就最新的版本,min版本(压缩版)就有90多kb,在手机上是不能承受的痛啊。于是思考着对jQuery进行精简压缩。...2-5k的,通过不错的API处理绝大多数的基本工作。...核心文件 jquip.js 只有 4.28KB (最小化和gzip压缩过) 只有 jQuery 的 13%。该核心已经包含 jQuery 中最常用的功能,其他的功能可通过插件方式引入。...jQuery Builder:Jquery 的精简之道 先丢上给地址: 官网:http://projects.jga.me/jquery-builder/ Github 地址:https://github.com...那只能一个个做减法尝试了(哈哈,我也是这么干的) 一般来说,build后 的jquery 体积都有所减少,特别你本身用的功能也不多的时候,像Jeff 的手机主题最终用到了50kb左右——减少了快一半。

1.8K70

jQuery 事件对象、 jQuery 拷贝对象、jQuery共存

1. jQuery 事件对象 ​ jQuery 对DOM中的事件对象 event 进行了封装,兼容性更好,获取更方便,使用变化不大。事件被触发,就会有事件对象的产生。...jQuery 拷贝对象 ​ jQuery中分别为我们提供了两套快速获取和设置元素尺寸和位置的API,方便易用,内容如下。...jQuery共存 ​ 实际开发中,很多项目连续开发十多年,jQuery版本不断更新,最初的 jQuery 版本无法满足需求,这时就需要保证在旧有版本正常运行的情况下,新的功能使用新的jQuery版本实现...,这种情况被称为,jQuery共存。...语法 jQuery 解决方案: 1. 把里面的 符号 统一改为 jQuery。 比如 jQuery(''div'') 2.

1.9K10
您找到你想要的搜索结果了吗?
是的
没有找到

JavaScript类---JQuery(一)

1、基础: Jquery定义了一个全局函数:JQuery(); 别名$.是JQuery在全局命名空间中定义的唯一两个变量。...返回一个新创建的JQuery对象; 另:JQuery中定义的许多方法返回值都是JQuery对象(方法的调用者);JQuery中函数:.each() JQuery中方法:**.each()没有符号; JQuery...第二个参数是可选的,值为一个元素或JQuery对象;这时返回的是特定元素的子元素中匹配到的元素集; 参数是Element、Document或Window对象,返回这些对象封装成的JQuery对象; 参数是...2、可以使用object对象,该对象的属性名是Jquery关键字时,可用于传入属性值; 参数为一个函数:文档加载完毕时调用;相当于onLoad()函数;形如$(function(){})或JQuery(...{if($(this).is(':hidden')) return;}); 参数是一个选择器,匹配到就返回true; 2、JQuery中的属性操作: JQuery使用同一个方法来获取和设置属性,区别是参数的不同

4.2K30

JavaScript类---JQuery(二)

接上: 6、Ajax:    一个基础底层函数:jQuery.ajax();  //高级工具函数都会调用此函数;    一个高级工具方法:load() ;    四个高级工具函数:jQuery.getScript...()、jQuery.getJSON()、$.get() 、 $.post(); load():是一个方法,向它传入一个URL,它会异步加载该URL的内容,然后将内容插入到选中的元素中,去替换已存在的内容...;形如:$("#status").load('status.html'); 如果只想显示被加载文档的一部分,可以在URL后面加一个空格和一个jQuery选择器。...所以必须传入回调函数作为参数,否则没有意义; jQuery.get()与jQuery.post()方法通常都由下面的这个函数实现: $.ajax():  jQuery的所有Ajax工具都会调用此函数,其仅接收一个参数...中有用的工具函数: 8、jQuery选择器和选取方法

1.3K10

前端之jquery函数

jquery介绍   jQuery是目前使用最广泛的javascript函数。据统计,全世界排名前100万的网站,有46%使用jQuery,远远超过其他。...微软公司甚至把jQuery作为他们的官方。...jquery是一个函数,一个js文件,页面用script标签引入这个js文件就可以使用。...,做得多) 1、http://jquery.com/ 官方网站 2、https://code.jquery.com/ 版本下载 jquery文档加载完再执行   将获取元素的语句写到页面头部,会因为元素还没有加载而出错...选择器 jquery用法思想一  选择某个网页元素,然后对它进行某种操作 jquery选择器  jquery选择器可以快速地选择元素,选择规则和css样式相同,使用length属性判断是否选择成功。

5.2K20

jQuery 事件对象,拷贝对象,多共存

1. jQuery 事件对象 jQuery 对DOM中的事件对象 event 进行了封装,兼容性更好,获取更方便,使用变化不大。事件被触发,就会有事件对象的产生。 语法 ?...2. jQuery 拷贝对象 jQuery中分别为我们提供了两套快速获取和设置元素尺寸和位置的API,方便易用,内容如下。 语法 ?...多共存 实际开发中,很多项目连续开发十多年,jQuery版本不断更新,最初的 jQuery 版本无法满足需求, 这时就需要保证在旧有版本正常运行的情况下,新的功能使用新的jQuery版本实现,这种情况被称为...,jQuery共存。...jQuery.each(); // 2.让jquery 释放对$控制权,让用户自己决定 var suibian = jQuery.noConflict(

39831

使用Google CDN服务提供的jQuery

jQuery,让我们控制页面元素更加方便快捷,让我们在编写js的时候不需要过多地考虑浏览器特性问题了。但是jQuery功能越强大,它本身的文件也越大。...Google挺够意思,就提供了jQuery,通过使用Google提供的jQuery,Google的服务器和线路品质那自然是不在话下的。即提高了下载速度又减少了自己服务器的并发连接数。...我们只需要在页面里引用一个js文件,就可以根据需要实时加载用到的js了。...,可以这样使用: google.load("jquery","1.3.2"); 这样我们就从Google的最近的CDN镜像上加载了jQuery 1.3.2版的js,接下来就可以正常写js代码了。...可以参考:google AJAX API 除了jQuery,Google还提供供了以下这些js框架/的API: jQuery UI Prototype script.aculo.us

1.3K100

jQuery共存问题解决方法

一、问题概述: 1、随着jQuery的流行,采用jQuery和$符为命名空间的js越来越多,当然jQuery的$符也是参照的Prototype的,所以当多个同时以$符或者jQuery为命名空间时,...,则会产生$和jQuery命名空间冲突的问题 3、这里jQuery解决多共存的问题的绝决方案只用于单文件js类框架,如果是多文件就不行了像EXT这种 二、解决方法 1、通过jQuery自带的noConflict...函数将$或者jQuery映射回给之前使用过$和jQuery对象的js类 简介:jQuery.noConflict()的具体实现 <!...//第二种当jQuery文件位于其他js文件之下,且前面的有使用到window....//打印出undefined 当jQuery文件在其他js加载完之后加载,且这些已经使用了$对象 <!

1.1K60
领券