jQuery开发
分享14个jQuery插件开发人员易犯的错误

随着越来越多的开发人员开始开发jQuery插件,所以我们随时都有可能遇到很烂的插件开发"成果"。没有在线演示,没有文档,或者插件没有遵循最佳编码实践。但是对于阅读这篇文章的朋友来说,你很幸运,因为这里我们将介绍14个jQuery插件开发中最容易犯的错误。希望大家会觉得有帮助!
随着jQuery的广泛使用,每天都出现很多新的插件 ,但是问题在于很多插件真不怎么样。
以前我们介绍过10个帮助你创建超棒jQuery插件的小技巧,在今天这篇文章中,我们将专注于jQuery插件的最佳开发实践,希望对于大家有帮助,如果你喜欢我们的文章,请给我们留言,谢谢!
错误一:不是在开发一个jQuery插件
总的来说,这里有很多大家接受的jQuery开发的模式。 如果你没有遵从这些设计模式,你开发的插件有可能很"垃圾"。看看如下最常用的模式:
(function($, window, undefined){
$.fn.myPlugin = function(opts) {
var defaults = {
// 设置你的选项缺省值
}
…
jQuery的事件处理方法介绍 - bind(),live(),delegate(),on()

在jQuery的开发过程中,我们往往需要处理各种事件,例如,click(),hover()等。在jQuery的API中,我们可以使用不同的方法来将这些事件绑定到特定的元素中。今天这篇文章中,我们将要介绍如何使用bind(),on(),live()和delegate()方法来绑定特定的事件,什么情况下使用,什么情况下不适用它们。希望能够帮助大家更好的了解和使用jQuery的时间处理方法。如果你喜欢我们的文章,请给我们留言,谢谢!
bind()方法
使用较早版本jQuery的教程或者应用中,我们往往使用bind()方法来将事件绑定到特定的元素上,如下:
<section id="container"> <img class="scv" src="images/scv.gif" alt="Terran unit" /> </section>
$('.scv').bind('click', function(){
$('#container').append('<img…
分享5个超酷flash样式的jQuery导航和菜单
当年风光无限的Flash特效,大家肯定在自己的项目和网站上应用过,现在看来依然非常的炫目,随着web技术的发展,我们现在可以使用Javascript开发出类似绚丽的应用,今天我们介绍几款超酷的jQuery实现的导航和菜单设计,希望大家喜欢!
1. Radius menu with jQuery
这个钟表装的圆盘式菜单设计能够在你选择一个图标后缩放和旋转。是不是很酷?
2. Little Boxes Menu with jQuery
另外一个超酷的仿flash导航的盒装效果实现。点击后将展现非常漂亮的过渡效果。
3. Animated Text and Icon Menu with jQuery
这个特效是我们曾经介绍过的联动式菜单特效。你绝对会喜欢!
4. Awesome Bubble Navigation with jQuery
由jQuery生成的非常非常强的气泡式导航。你相信它是由jQuery和CSS开发的么?
5. Collapsing Site Navigation with jQuery
这个超酷的flash样式的jQuery导航菜单拥有非常炫的悬浮效果。如果你点击会显示内容并且自动收缩。
via…
jQuery类库新手使用指南之AJAX方法 - 第四部分
在前面几篇文章中,我们介绍了jQuery的诸多AJAX方法,今天我们将介绍如何使用jQuery来执行ajax跨域调用,因为在AJAX调用中因为安全问 题,我们无法直接使用javascript来调用当前域名以外的资源,如果你将前面几篇文章的例子保存到本地,然后执行,你会发现无法得到数据。为了解决 这个问题,这里我们引入了JSONP这个概念。如果你不清楚什么是JSONP,JSONP能够帮助我们解决什么问题,那么推荐你阅读一下这篇文章:
使用$.getJSON()来访问其它域名或者网站下的JSON数据
为了有效的整合网络资源,有些时候我们需要取得其它网站或者应用提供的资源,这个时候,如果对应的网站提供JSON数据格式的直接访问,那么我们就可以使用$.getJSON()这个方法来有效执行跨域的数据访问,如下:
var data = { site: "GBin1.com", date: "20120318" };
$.getJSON( url , data, success);
服务器端的代码,这里使用JSP演示:…



