想必大家对于jQuery这个最流行的javascript类库都不陌生，而且只要是前端开发人员肯定或多或少的使用或者接触过，在今天的这篇文章中，我们将介绍一些书写高质量jQuery代码的原则，我们不单单会告诉你如何去书写，也会告诉你为什么这样书写，希望大家会觉得有所帮助，如果你也有自己的一些经验分享，请不吝赐教！注意定义jQuery变量的时候添加var关键字这个不仅仅是jQuery，所有javascript开发过程中，都需要注意，请一定不要定义成...
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type"content="text/html; charset=UTF-8"> <title>Insert title here</title> </head> <script type="text/javascript"src="jquery-2.0.0.js"></script> <!-- <script type="text/javascript"src="resource_demo.js"></script> <script type="text/javascript"src="jquery.aler...
具体的也可以参考：http://www.w3cfuns.com/notes/16039/2b004b1bcdf79092f2e66b2bbe9f51df.html原文：http://www.cnblogs.com/ncuhwxiong/p/5913871.html
今天给大家带来的是 jQueryMobile 实现一个简单的弹出框效果，有兴趣的童鞋可以试试哦~ ^_^阅读原文： www.gbtags.com 原文：http://www.cnblogs.com/gbin1/p/3994692.html
html代码 <div class="picCon"><div class="bigPic"><ul><li class="cur"><img src="5682865a05cd9.jpg" /></li><li><img src="5682865c5cefe.jpg" /></li><li><img src="5682865ed9f9f.jpg" /></li><li><img src="56828655b0373.jpg" /></li><li><img src="56828657ce6c0.jpg" /></li><li><img src="5682865396a34.jpg" /></li></ul></div><div class="smallPic"><a href="javascript:void(0);" class="left"><</a><div cla...
滚动条延迟加载jQuery(function($){var topicBoxTopHeight = jQuery(‘#topicBox‘).offset().top;var topicBoxTopHeight_show = 1$(window).scroll(function(event){if($(this).scrollTop() > topicBoxTopHeight-$(window).height()-200 && topicBoxTopHeight_show==1){topicBoxTopHeight_show=0;topicBoxFn();}});
}) 原文：http://www.cnblogs.com/cssfirefly/p/3873271.html
将类似的jQuery代码，转化为插件，可以提高代码的重用性，并能够有效的组织代码。(function($){$.fn.yourPluginName=function(){//Your code goes herereturn this;}
})(jQuery)总结以便之后查阅。原文：http://blog.csdn.net/comeonstone/article/details/38515765
JQuery中的bind()和unbind()，提供了事件的绑定和取消机制，既可以绑定html默认支持的事件，也能够绑定自定义的事件。JQuery支持自定义事件，这显然给编程带来了极大的灵活性。下面就一起学习下，jquery事件处理的一些特性。1、JQuery中事件可以重复绑定，不会覆盖。$("#button1").bind("click",function(){alert("func1");
});
$("#button1").bind("click",function(){alert("func2");
});当点击button1的时候，这2个事件处理函数...
查看效果：http://hovertree.com/texiao/jquery/75/源代码下载：http://hovertree.com/h/bjaf/8jlpc2wu.htm效果图如下：代码如下：<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>jquery时间轴幻灯展示特效 - 何问起</title><link rel="stylesheet" type="text/css" href="http://hovertree.com/texiao/jquery/75/css/styles.css"/><script type="text/javascript" src=...
最近写了很多的js，虽然效果都实现了，但是总感觉自己写的js在性能上还能有很大的提升。本文我计划总结一些网上找的和我本人的一些建议，来提升 你的jQuery和javascript代码。好的代码会带来速度的提升。快速渲染和响应意味着更好的用户体验。谨以此文来提醒自己。其次在脑子里牢牢记住jQuery就是javascript。这意味着我们应该采取相同的编码惯例,风格指南和最佳实践。当你准备使用jQuery,我强烈建议你遵循下面这些指南:缓存变量DO...
1.IE条件注释条件注释简介IE中的条件注释（Conditional comments）对IE的版本和IE非IE有优秀的区分能力，是WEB设计中常用的hack方法。条件注释只能用于IE5以上，IE10以上不支持。如果你安装了多个IE，条件注释将会以最高版本的IE为标准。条件注释的基本结构和HTML的注释(<!– –>)是一样的。因此IE以外的浏览器将会把它们看作是普通的注释而完全忽略它们。IE将会根据if条件来判断是否如解析普通的页面内容一样解析条件注释里的内容...
本文会给你们展示50个jquery代码片段，这些代码能够给你的javascript项目提供帮助。其中的一些代码段是从jQuery1.4.2才开始支持的做法，另一些则是真正有用的函数或方法，他们能够帮助你又快又好地把事情完成。如果你发现你任何可以做得更好的地方的话，欢迎把你的版本粘贴在评论中!1. 如何修改jQuery默认编码（例如默认UTF-8改成改GB2312）：$.ajaxSetup({ ajaxSettings:{ contentType:"application/x-www-form-urlencoded; chars...
分享一款基于jquery右侧悬浮加入购物车代码。这是一款基于jQuery实现的仿天猫右侧悬浮加入购物车菜单代码。在线预览 源码下载实现的代码：<!--左侧产品parabola.js控制--><div class="main"><div id="plist"><ul><li><div class="lh_wrap"><div class="p-img"><a href="#"><img alt="入驻商家测试商品3" src="images/147_thumb_G_1409275114094.jpg" title="入驻商家测试商品3"width="240" height="240"></a></div><div class="p...
一、引入jquery二、HTML代码三、js代码1）引入js代码2）下面是完整的js代码 原文：http://www.cnblogs.com/ncuhwxiong/p/5912618.html
我前面博客写过一个星级评论的原生写法，非常复杂，今天就通过jquery来写一个简单的星级点亮的效果，来看代码：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><style>.ct-star {display: inline-block;margin: 0 1px;width: 19px;height: 19px;background: url(img/stars.png) no-repeat;vertical-align: -2px;cursor: pointer;}.ic-star-off {background-position: -39px 0;}</style></head><...
这次给大家带来JQuery设置文字框获取焦点样式（附代码），JQuery设置文字框获取焦点样式的注意事项有哪些，下面就是实战案例，一起来看一下。