简明现代魔法 -> JQuery

JQuery each()函数的一次优化经验

有时还需要对JQuery的具体实现进行了解

这篇文章,仅仅是想在jQuery的各个实现的层面上来进行优化,只涉及到了对jQuery整个运行过程的分析、细节介绍和优化方向,并没有提到一些基本之基本的优化方法,比如:先将整个table从DOM树中移除,完成所有的操作之后再放回DOM,减少repaint。将mouseover和mouseout改为mouseenter和mouseleave,减少因为下正确的事件冒泡模型导致的重复的事件函数的执行。

发布于 2011-07-21 分类:jquery

JQuery选择器是如何工作的

选择器写成$('#id')的时候最快

每次申明一个jQuery对象的时候,返回的是jQuery.prototype.init对象,很多人就会不明白,init明明是jQuery.fn的方法啊,实际上这里不是方法,而是init的构造函数,因为js的prototype对象可以实现继承,加上js的对象只是引用不会是拷贝,new jQuery,new jQuery.fn和new jQuery.fn.init的子对象是一样的,只是有没有执行到init的不同。

发布于 2011-07-14 分类:jquery

JQuery分屏指示器图片轮换效果

分屏指示器的一个简单例子

在Web App大行其道的今天,分屏指示器用得非常广泛,从Android、到腾讯的Web OS等等。分屏指示器给人很好的用户体验,下面就实现一个分屏指示器,用于实现图片的简单轮换效果,仅抛砖引玉~

发布于 2011-07-05 分类:jquery

JQuery获取复选框选中的个数

需要用到jQuery的size()方法或length属性

有这么一个需求,在多个复选框中最多选四个,并且复选框一旦选中之后,就不能再次选择。用JQuery实现不难,在这里简单记录一下,先看看下面的效果演示吧。通过jQuery获取checkbox选中项的个数,需要用到jQuery的size()方法或length属性,下面的例子是通过length属性获得checkbox选中项的个数。

发布于 2011-06-29 分类:jquery

JQuery对数组的一些操作总结

JQuery对数组的封装使用很强大

JQuery对数组的处理非常便捷并且功能强大齐全,一步到位的封装了很多原生js数组不能企及的功能。下面来看看JQuery数组的强大之处在哪。不同于例遍 jQuery 对象的 $.each() 方法,此方法可用于例遍任何对象(不仅仅是数组哦~). 回调函数拥有两个参数:第一个为对象的成员或数组的索引, 第二个为对应变量或内容.

发布于 2011-06-20 分类:jquery

凡客诚品的跨域获取cookies方法

client端采用jsonp的格式获取该cookies字符串

没事干的时候把凡客的首页扣下来研究了一下,在凡客的js代码里发现了一种跨域获取cookies的方法,基本原理是凡客的server端提供一个页面输出cookies字符串,client端采用jsonp的格式获取该cookies字符串。你也可以在自己的机器上试下,不过你首先得在凡客上有帐号,这样才能看到效果。

发布于 2011-05-30 分类:jquery

用JQuery解析获取JSON数据

用$.getJSON方法,实现获得JSON数据和解析

JSON 是一种比较方便的数据形式,下面使用$.getJSON方法,实现获得JSON数据和解析,都挺方便简单的。从http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=? 这个地址得到JSON数据 并且分析里面的结构,生成图片和相关链接等。

发布于 2011-05-21 分类:jquery

谈谈JQuery中的each()方法

可以遍历对象、数组的属性值并进行处理

each()函数是基本上所有的框架都提供了的一个工具类函数,通过它,你可以遍历对象、数组的属性值并进行处理。jQuery和jQuery对象都实现了该方法,对于jQuery对象,只是把each方法简单的进行了委托:把jQuery对象作为第一个参数传递给jQuery的each方法.换句话说:jQuery提供的each方法是对参数一提供的对象的中所有的子元素逐一进行方法调用。

发布于 2011-05-18 分类:jquery

JQuery优化的右下角消息框设计

右下角弹窗在互联网上使用得非常普遍

右下角弹窗在互联网上使用得非常普遍,虽然这种方式会很大地影响到用户体验,但是领导有这个要求,我们还是得做。下面是介绍一个刚写的弹窗例子,做得还算凑合吧。scroll : 滚动时候保持在页面右侧底部,resize: 浏览器变化时候保持在页面右侧底部。

发布于 2011-05-14 分类:jquery

JQuery右下角弹窗的效果实现

功能比较强大的JQuery弹出消息框效果

有时在页面加载的时候,需要在页面的右下角弹出一个小的提示框,显示一些提示信息给用户,通过使用jQuery的message插件,可以很方便的实现这个效果,在使用之前先介绍一下message插件中的方法的使用。如果使用默认的标题,则将title设置为0,另外title和text还可以设置为html内容进行显示。如果希望用户点击弹窗的关闭按钮才关闭消息框,可将time设置为0。

发布于 2011-05-13 分类:jquery

JQuery解析XML数据的几个例子

JavaScript解析XML数据是常见的编程任务

用JavaScript解析XML数据是常见的编程任务,JavaScript能做的,JQuery当然也能做。下面我们来总结几个使用JQuery解析XML的例子。如果读取的xml是来于xml文件,这结合上面的那点,处理如下$.get("xmlfile.xml",function(xml){$(xml).find("item").length;});

发布于 2011-05-13 分类:jquery

JQuery构造器$()的尽善尽美

jQuery的构造器已经做得非常之完美

jQuery的$符号非常神奇,它可以接受一个字符,也可以接受一个文档对象或window对象,亦可以传个函数进行变为domReady加载器。显然,能做到这一步,其实现是相当的复杂,这个实现就是它的init方法,jQuery的真实构造器。它功能也随着版本的升级而升级,越来越长。

发布于 2011-05-11 分类:jquery

JQuery拖拽并改变元素的尺寸

top、left、width、height 的运用

"元素拖拽改变大小"其实和"元素拖拽"一个原理,只是所动态改变的对象不同而已,主要在于 top、left、width、height 的运用,相对实现起来也非常容易。以下附出源码原型,弄明白了原理再扩展其他实际应用,思路就变得简单、清晰得多了。

发布于 2011-05-10 分类:jquery

使用$.getJSON实现跨域ajax请求

getJSON来调用并获取远程的JSON字符串

jquery提供了$.getJSON的方法,让我们可以实现跨域ajax请求,但jqueryAPI上的内容实在太少,如何用$.getJSON,请求网站应该返回怎样的数据库才能让$.getJSON获取到,下面我就用一个实际例子来说明下。由于在PHP中是用JSON编码返回值,所以此处必须用getJSON去调用PHP文件,从而获取数据。

发布于 2011-05-02 分类:jquery

JQuery select控件的相关操作

用JQuery便捷操作select控件

JQuery获取和设置Select选项方法汇总如下:获取select 选中的 text :$("#ddlRegType").find("option:selected").text();获取select选中的 value:$("#nowamagic").val(); 获取select选中的索引:$("#nowamagic").get(0).selectedIndex;

发布于 2011-04-27 分类:jquery
 

copyright © 2009 简明现代魔法    学习、分享、进步

power by Gonn 感谢所有关心和支持本站的朋友们