这节封装插件了，进展怎么样呢？ 一般对外发布的插件都应该进行封装，封装的插件还应该符合规范，只有这样写的插件才具有推广价值，并得到其他用户的喜爱。 首先第一步，是定义一个独立域，代码如下所示。 代码如下: (function($){ //自定义插件代码 })(jQuery) //封装插件 确定创建插件类型，选择创建方式，例如，创建一个设置元素字体颜色的插件，则应该创建jquery对象方法，考虑到jquery提供了插件扩展方法extend()，调用该方...
首先还是看html代码： 代码如下: $(document).ready(function () { $('#autogrow').autogrow(); }); 接下来是js插件代码： 代码如下: (function ($) { $.fn.autogrow = function (options) { var defaults = { minHeight: 0, maxHeight: 9999 }; var options = $.extend(defaults, options); return this.each(function () { var element = $(this); //上一次文本框内容长度和宽度 var lastValLength, lastWidth; ...
首先我们还是创建一个html文件，里面包含如下的html结构。 代码如下: first pane this script should allow only one pane to be visible at a time. second pane this script should allow only one pane to be visible at a time. third pane this script should allow only one pane to be visible at a time. 然后为页面定义如下css：...
针对上面的示例，我们可以调用jquery.fn.extend()方法来创建jquery对象方法。具体代码如下》 代码如下: jQuery.fn.extend({ test : function(){ return this.each(function(){ alert(this.nodeName); }) } }); 调用跟上面一样哦 代码如下: $(body *).click(function(){ $(this).test().html(this.nodeName).hide(1000); }); 到这里，已经介绍了写jquery插件的两种方法，jquery.extend() 和jquery.fn.extend(),你学会了吗。
先下页面代码： 代码如下: $(document).ready(function () { $('.formToCheck').formCheck(); }); form { width: 300px; } label { position: absolute; } input:not(.submit), textarea { margin-left: 100px; width: 200px; } .submit { margin-left: 100px; } .error { border:1px solid red; } 我们定义了一个form，定义了几个输入框，请注意class属性，有的是class="required"，说明该项是必填项；class="re...
我们首先来介绍自定义选择器的开发，他的代码结构如下： 代码如下: (function ($) { $.expr[:].customselector = function (object,index,properties,list) { //code }; })(jQuery); 调用时候的写法： $(a:customselector) 现在我们先解释下函数中所使用到的各个参数。 object：当前dom元素的引用，而不是jquery对象。需要强调的一点，dom元素和jquery对象完全不是一回事，a标签代表的是dom元素，$('a')代表的是jquery对象...
首先创建jquery.gallery.js的插件文件，构建程序骨架。 代码如下: (function ($) { $.fn.gallery = function () { return this.each(function () { var self = $(this); self.click(function () { }); }); } })(jQuery); 创建html文件，使用我们创建的插件。 代码如下: $(document).ready(function () { $('img').gallery(); }); 现在我们...
定义插件的结构骨架： 书中最开始使用的结构骨架如下： 代码如下: jQuery.fn.fluginmane=function(){ return this.each(function(){ //code... }) } 这种结构不是很理想，特别书中提到，为了防止冲突例子不使用$，而使用jQuery。在这里，我们使用匿名函数的方式实现插件的结构骨架，这样就可以防止可能的冲突。也希望大家好好了解下匿名函数相关的知识。 代码如下: (function($){ $.fn.fluginname=...
在网页设计中，视差滚动（Parallax Scrolling）是当下流行的网页设计技术，通过让多层背景以不同的速度或者不同的方向移动来形成非常有趣的 3D 运动效果。下面是一些运用视差滚动效果的优秀网页案例： 视差（Parallax）是指从不同的点看一个物体时形成的视觉差异，这个名词是源自希腊文的παρ?λλαξι? (parallaxis)，意思是"改变"。在网页设计中，视差滚动（Parallax Scrolling）是当下流行的网页设计技术，通过让多层背景以...
jQuery插件类型： 1. jQuery方法： 大部分jQuery插件都是这种类型的插件，由于这种插件是将对象方法封装起来，在jQuery选择器获取jQuery对象过程中进行操作，从而发挥jQuery强大的选择器优势。 2. 全局函数： 也可以把自定义的功能函数独立附加到jQuery命名空间下，从而作为jQuery作用域下的一个公共函数使用。但全局函数没有被绑定到jQuery对象上，故不能在选择器获取的jQuery对象上调用。需要通过jQuery.fn()或$.fn()方式进行引用...
jQuery插件的开发包括两种：一种是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数，另一种是对象级别的插件开发，即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。 1、类级别的插件开发 类级别的插件开发最直接的理解就是给jQuery类添加类方法，可以理解为添加静态方法。典型的例子就是$.AJAX()这个函数，将函数定义于jQuery的命名空间中...
什么是LazyLoad技术？ 在页面上图片比较多的时候，打开一张页面必然引起与服务器大数据量的交互。尤其是对于高清晰的图片，占了几百K的空间。Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的。 在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见...
这种效果常常有两个需求 1 鼠标移动到人图像上时，显示这个人的信息，鼠标离开人图像时隐藏这个人的相关信息 2当鼠标移动到到人的信息块时，信息依然显示，当鼠标离开人的信息块时，信息隐藏 3 必须是自动关闭而不是手动关闭 通常第一个比较容易满足，但是第一个在遇到事件冒泡时，搞起来也比较麻烦， 这个时候在遇到第二个需求，就很难搞定了， 做微博APP时，常常要显示人的个人信息，想吧新浪或腾讯的那个js弄过来吧，搞了半天没...
代码： 代码如下: jQuery.cookie = function(name, value, options) { if (typeof value != undefined) { // name and value given, set cookie options = options || {}; if (value === null) { value = ; options = $.extend({}, options); // clone object since its unexpected behavior if the expired property were changed options.expires = -1; } var expires = ; if (options.expires && (typeof options.expires == n...
jQuery的是一个多浏览器的Javascript集合，以轻松地简化了客户端脚本的HTML。jQuery的格式设计帮助你获得一个文件，选择DOM元素，动画，处理事件，并开发Ajax程序设计人员能够根据需要创建一些高级别的jquery插件。使用这些插件方法可以创建高效强大的网页和Web程序。 保持学习最新的jQuery插件有时似乎是一个完整的工作。每隔一天，我们似乎可以发现一些新的东西，尖端的东西，有时我们发现的东西，是真正的创新和必要的对于我们...