1. 使用最新版本的jQuery jQuery的版本更新很快,你应该总是使用最新的版本。因为新版本会改进性能,还有很多新功能。 下面就来看看,不同版本的jQuery性能差异有多大。这里是三条最常见的jQuery选择语句: $('.elem') $('.elem', context) context.find('.elem') 我们用1.4.2、1.4.4、1.6.2
原创
2013-04-28 10:30:00
493阅读
一、选择器性能优化建议 1. 总是从#id选择器来继承 这是jQuery选择器的一条黄金法则。jQuery选择一个元素最快的方法就是用ID来选择了。 $('#content').hide(); 或者从ID选择器继承来选择多个元素: $('#content p').hide(); 2. 在class前面使用tag jQuery中第二快的选择器
原创
2013-04-28 10:22:00
453阅读
1、首先将Jquery中的datepicker插件中的相关属性值改成中文的: $.datepicker.regional['zh-CN'] = { clearText: '清除', clearStatus: '清除已选日期', closeText: '关闭', closeStatus: '不改变当前
原创
2013-01-18 09:15:00
361阅读
一、简介 1.1、概述 随着WEB2.0及ajax思想在互联网上的快速发展传播,陆续出现了一些优秀的Js框架,其中比较著名的有Prototype、YUI、jQuery、mootools、Bindows以及国内的JSVM框架等,通过将这些JS框架应用到我们的项目中能够使程序员从设计和书写繁杂的JS应用中解脱出来,将关注点转向功能需求而非实现细节上,从而提高项目的开发速度。 jQuery是继
原创
2013-01-18 09:11:00
464阅读
jQuery语法实例 $(this).hide()jQuery 的 hide() 函数,隐藏当前的 HTML 元素。$("p").hide()jQuery 的 hide() 函数,隐藏所有 <p> 元素。$(".test").hide()jQuery 的 hide() 函数,隐藏所有 class="test" 的元素。$
原创
2013-04-28 10:30:00
449阅读
网上发现一个很有意思的jQuery旋转插件,支持Internet Explorer 6.0+ 、Firefox 2.0 、Safari 3 、Opera 9 、Google Chrome,高级浏览器下使用Transform,低版本ie使用VML实现。 调用和方法: rotate(angle) angle参数:[Number] – 默认为 0 – 根据给定的角度旋转图片 例如:
原创
2013-04-28 10:29:00
466阅读
$.fn.DyStar = function (option, callback) { 2 var defaults = { 3 count: 5, 4 url: 'images/star.gif' 5 }; 6 var opt = $.extend(defaults, option), 7 obj = $(thi
原创
2013-04-28 10:27:00
475阅读
1.样式设置 #toTop { /*选中的背景图片的大小*/ width: 54px; height: 54px; display: none;/*刚开始不显示*/ position: fixed; right: 25px;/*距离右边大小值*/ bottom: 45px;/*距离底部大小值*/ /*选定图片区域*/
原创
2013-04-28 10:24:00
510阅读
1.开发jQuery 插件的基本格式 ? (function ($) { $.extend($.fn, { }) })(jQuery) 2.开发全局函数的基本格式
原创
2013-04-28 10:22:00
276阅读
优点: 可跨浏览器编程。还有Prototype、Dojo、ExtJS(功能更强的JS库,常用与企业级程序)。 宗旨:Write Less, Do More 本质: JavaScript库。 JQuery能做什么? 与DOM功能相同。 导入 <script src="xxx.js" type="tex
原创
2013-04-28 10:21:00
453阅读
今天主要分析jQuery处理元素CSS相关属性的内部实现。相关方法:addClass()、hasClass()、removeClass()、toggleClass()、css()、jQuery.cssHooks、height()、width()、innerHeight()、innerWidth()、outerHeight()、outerWidth()、offset()、position()、scr
原创
2013-04-28 10:21:00
503阅读
接上一篇:jQuery乱谈(五),今天分析removeClass()、removeProp()、toggleClass()、val()。 removeClass(): /** * removeClass方法的内部实现和addClass方法很类似,都是先对参数类型进行判断: * 参数为Function类型,则利用Function.call()执行函数参数,
原创
2013-04-28 10:20:00
477阅读
今天主要分析一下jQuery设置元素DOM属性的相关方法的具体实现:addClass()、attr()、hasClass()、html()、prop()、removeAttr()。 首先是addClass(): // 该方法用于向元素添加新类名 addClass: function( value ) { var classNames, i, l, elem,
原创
2013-04-28 10:20:00
446阅读
昨天说到了jQuery()的实现,还差一处理HTML字符串的部分没有分析完,今天继续。 if ( typeof selector === "string" ) { if ( selector.charAt(0) === "<" && selector.charAt( selector.lengt
原创
2013-04-28 10:19:00
387阅读
jQuery核心函数除了最重要的jQuery()之外,还有jQuery.holdReady()、jQuery.sub()、jQuery.when()、jQuery.noConflict()。今天我就介绍一下这四个方法吧。 首先是jQuery.holdReady(),直接上代码: holdReady: function( hold ) { if ( hold ) {
原创
2013-04-28 10:20:00
466阅读
HTML操作 改变 HTML 元素的内容。 向 HTML 元素追加内容。 在 HTML 元素之后追加内容。 CSS操作 改变 HTML 元素的 CSS 属性。 改变多个 CSS 属性。 获得元素的 CSS 属性。 AJAX和jQuery 使用 $(selector).load(url) 来改变 HTML 内容。 使用 $.ajax(options) 来改变 HTML 内容
原创
2013-04-29 13:21:00
495阅读
今天继续分析jQuery.fn.init( selector, context, rootjQuery );的实现。这是我截取的该方法的代码: init: function( selector, context, rootjQuery ) { var match, elem, ret, doc; // Handle $(""), $(nul
原创
2013-04-25 09:55:00
413阅读
var Validator = { // 邮箱 isEmail : function(s) { var p = "^[-!#$%&\'*+\\./0-9=?A-Z^_`a-z{|}~]+@[-!#$%&\'*+\\/0-9=?A-Z^_`a-z{|}~]+\.[-!#$%&\'*+\\./0-
原创
2013-04-28 10:26:00
432阅读
一直想对jQuery框架做一个深入而全面的分析,可惜总是没做到,正好这段时间闲着,我就赶紧把这事给办了,省的惦记着。 jQuery,相信大家都不陌生,对它的介绍我就不说了,我只说一下我对jQuery自己的一些理解。在我看来,jQuery虽然应用面非常广,但它更多的用于中小型网站的开发,或者偏向于设计的人员使用。相对于YUI、Ext-JS这些大的库来说,jquery更像是个人的巅峰之作。而像Y
原创
2013-04-25 09:55:00
303阅读
一、遮罩用途及效果 ShowLoading这个jQuery插件设计用于当运行Ajax请求时,可以在屏幕某一特殊区域(id,class或者html标签)覆一张正在加载中的图片。 有时候我们页面调用后台程序时间比较长时,前台页面暴露在用户之下,如果用户点击可能会造成逻辑混乱。这时候,遮罩就起到了很好的效果,在触发后台程序时我们将前台页面遮住,
原创
2013-04-23 13:02:00
595阅读