- 时间：2021-09-04 12:14 编辑： 来源： 阅读：
- 扫一扫，手机访问
摘要：了解jQuery技巧来提高你的代码（个人觉得那个jquery的手册很不错）
[img]http://files.jb51.net/upload/201202/20120210174116106.jpg[/img]
2.测试jQuery包装集是否包含某些元素
如果你想测试一下某个jQuery包装集中是否包含某些元素，你首先可以尝试使用验证首个元素是否存在：
[url=http://oscarotero.com/jquery/]oscarotero jquery 1.3[/url] ([url=http://www.gmtaz.com/index.php/jquery-13-cheatsheet-wallpaper/]壁纸版[/url])
[img]http://files.jb51.net/upload/201202/20120210174119458.jpg[/img]
6.在FireBug控制台记录jQuery
FireBug是我最喜欢用的一个浏览器扩展工具之一，这个工具可以让你快速的在可视化界面中了解当前页面的HTML+CSS+JavaScript，并在该工具下完成即时开发。作为jQuery或JavaScript开发人员，FireFox对于[url=http://www.getfirebug.com/logging.html]记录你的JavaScript代码[/url]也得到支持。
写入FireBug控制台的最简单方式如下:
console.log("hello world")
[img]http://files.jb51.net/upload/201202/20120210174120941.jpg[/img]
你也可以按照你希望的方式写一些参数：
console.log(2,4,6,8,"foo",bar)
你也可以编写一个小扩展来记录jQuery对象到控制台：
[url=#]</li>
<li>
<a rel="somerel" href="#">with rel</a>
</li>
<li>
<a rel="" href="#">without rel</a>
</li>
<li>
<a rel="nofollow" href="#">a link with rel</a>
</li>
</ul>
13.预加载图片
通常使用JavaScript来预加载图片是个相当不错的方法:
//定义预加载图片列表的函数(有参数)
jQuery.preloadImages = function(){
//遍历图片
for(var i = 0; i<arguments.length; i++){
jQuery("<img>").attr("src", arguments[i]);
}
}
// 你可以这样使用预加载函数
$.preloadImages("images/logo.png", "images/logo-face.png", "images/mission.png");
14.将你的代码测试完好
jQuery有一个名为QUnit单元测试框架。编写测试很容易，它能让您可以放心地修改您的代码，并确保它仍然按预期工作。下面是如何工作的：
//将测试分成若干模块.
module("Module B");
test("some other test", function() {
//指定多少个判断语句需要加入测试中.
expect(2);
equals( true, false, "failing test" );
equals( true, true, "passing test" );
});
机械节能产品生产企业官网模板...
大气智能家居家具装修装饰类企业通用网站模板...
礼品公司网站模板
宽屏简约大气婚纱摄影影楼模板...
蓝白WAP手机综合医院类整站源码（独立后台）...
