jQuery 源码分析（3）

Posted By admin   |   已有 0 条评论   |   Date: 2012-09-22 14:53:06

上次我们分析了jQuery对象的构建方法以及如何去扩展jQuery对象的方法extend()。 这次让我们先看看jQuery本身还有那些静态属性和方法实例方法。 需要注意的是，这里定义的所有jQuery的静态属性/方法实例方法也是是jQuery对象的静态属性/方法实例方法。 jQuery.fn = jQuery.prototype = { init: function( selector, context ) { // code here ... },   // 为所有jQuery对象初始化一个空的选择器 selector: "",   // The current version of jQuery being used jquery: "1.4.2",   // 初始化 jQuery 对象...

jQuery 源码分析（2）

Posted By admin   |   已有 0 条评论   |   Date: 2012-09-22 14:53:06

上文我们提到了jQuery框架中的一个重要功能，扩展方法。 当我们使用new运算法实例化一个对象后，是如何对这个实例的原型再扩展方法的，因为这个实例的原型实际上是他类的原型的引用。（不知道这儿理解的是否正确） 因此当我们试图向实例化对象的原型中增加方法或者属性都是不行的。 function car(){}   car.prototype = { name: function(name){ return name; } }   var jeep = new car(); jeep.prototype = { type: "jeep" }   alert(jeep.name("aodi")); //aodi alert(jeep.type); //unde...

jQuery 源码分析（1）

Posted By admin   |   已有 0 条评论   |   Date: 2012-09-22 14:53:06

jQuery 是一款开源的，最流行的，面向对象的Javascript框架，因为平时经常使用，也就萌生了阅读源码的想法，尝试着去分析一下，如果有问题，还请大家指点。 阅读 jQuery 源码之前，必须要了解 jQuery 的工作机制，在我看来，实际上 jQuery 是一个标准的以面向对象的程序结构，jQuery 本身是一个类，而每一个我们构建的 jQuery 对象则是这个类实例。 因此我从如下两个方法来入手 1、如何构造 jQuery 对象 2、jQuery对象的继承 1、如何构造 jQuery 对象 jQuery 提供了四种封装jQuery对象的方法，分别是 DOMElement HTML strings T...

jQuery Tab plugin

Posted By admin   |   已有 0 条评论   |   Date: 2012-09-22 14:53:06

因为觉得网上的都太麻烦，于是自己写了一个简单的，只是做tab的切换。 演示地址： 下载地址：源代码

jQuery Select(单选) 模拟插件 V1.3.6

Posted By admin   |   已有 0 条评论   |   Date: 2012-09-22 14:53:06

a、增加了onchange事件。（谢谢fjgysai） b、可以支持方法连缀了。 c、修正opera下的笔误。 d、可支持jQuery的选择器了 下载地址： 您可以自由的使用这个插件在任何项目上。（商业、非商业） 希望您可以补充完善这个插件。

jQuery 1.6.3 正式发布

Posted By admin   |   已有 0 条评论   |   Date: 2012-09-22 14:53:06

jQuery 1.6.3 正式版发布了，这是 1.6 的第三个小的更新版本，主要是大量的bug修复。 下载地址： jQuery 1.6.3 Minified jQuery 1.6.3 Uncompressed 完整的改进记录： Ajax #9255: jQuery.parseXML error handling does not work in webkit browsers #9854: Pass statusText through instead of “normalizing” it #9887: jQuery.ajaxSetup may cause unnecessary memory usage #9970: Typo in ajax.js: status should be jqXHR.status? #10098: Encode comment-like Accept headers to avoid mobile carrier mangling Attrib...

JQuery中JSON使用扫盲

Posted By admin   |   已有 0 条评论   |   Date: 2012-09-22 14:53:06

本贴仅适合JQuery初学者，属于没有技术含量的水贴，高手们可以忽略。先编写json.php：<?phpecho json_encode(array('foo' => 'bar'));?>再编写json.htm：<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script>$.getJSON('/json.php', function(data){alert(data.foo);});</script>把两个文件放到根目录下，运行，就能看到效果了。上面的例子没有什么难度，下面尝试一下在跨域情况下的效果，编写C:\WINDOWS\system32\drivers\et...

jquery - 使用jsonp模式建立跨域通信

Posted By admin   |   已有 0 条评论   |   Date: 2012-09-22 14:53:06

一个简单的跨域获取数据列表的演示地址：个人测试代码如下：js脚本：<script type="text/javascript" src="jquery.js"></script>    <script type="text/javascript">    $(function(){        //建立跨域通信        $.get("http://pao001.com/source/tests/css.designcss.com/list.php", {}, function(data){          ...

25个很酷的jQuery滑动幻灯片实例分享

Posted By admin   |   已有 0 条评论   |   Date: 2012-09-22 14:53:06

本文带来了25个很酷的jQuery 滑动幻灯片实例，这些幻灯片包括了许多种过渡效果，无论是图片滑动或文本滚动效果、水平/垂直滑动、UI滑动、侧边栏滑动等，都能找到你想要的。 1. Beautiful Photo Stack Gallery with jQuery and CSS3 教程/演示2. Building a jQuery Image Scroller 教程/演示3. jCarousel Lite 教程/演示4. jQuery Slider Start/Stop 教程/演示5. jQuery Blinds Slideshow using CSS Sprites 教程/演示6. How to Create a Simple iTunes-like Slider 教程/演示7. JCoverflip Features 教程/演示8. jQuer...

jQuery 1.7 发布了 /(jQuery 1.7更新,jQuery 1.7b,jQuery api)

Posted By admin   |   已有 2 条评论   |   Date: 2012-09-22 14:53:06