Firefox+FireBug使JQuery的学习更加轻松愉快

这篇文章是我从一个国外站点看的视频，经过简单实践，我发现这样做的确可以提高不少效率。下面来说说这种方式:

先决条件:
安装firefox+firebug
这里以我的博客为例:

基本的使用如下:

OK，下面让我们步入正题:

就拿上面的图片为例，我们看到博客园所有的标题都将class命名为:postTitle,下面我们利用jQuery将页面中的标题隐藏:

当然，我们也可以给页面的元素加入事件:

小结
上面我们简单说了firebug在调试jQuery中的简单应用，用这种方法，我们可以得到如下好处：
1.不必每次修改一点js代码便重新打开编辑器&调试，节省时间
2.可以查看jquery操作所影响到的元素，让学习jQuery和调试都更加容易
3.如果你旁边站着人，用这种方式显得更加专业-.-(好吧，我承认，这条是我遍的.新年第一次幽默^_^)
希望这篇文章对你有所帮助

您可能感兴趣的文章:

• 使用firebug进行调试javascript的示例
• Jquery使用Firefox FireBug插件调试Ajax步骤讲解
• javascript 在firebug调试时用console.log的方法
• firebug的一个有趣现象介绍
• 使用Firebug对js进行断点调试的图文方法
• 使用JavaScript检测Firefox浏览器是否启用了Firebug的代码
• Firebug入门指南(Firefox浏览器)
• firefox插件Firebug的使用教程
• firefox firebug中文入门教程 脚本之家新年特别版
• Firebug 字幕文件JSON地址获取代码
• Javascript 调试利器 Firebug使用详解六
• 强悍无比的WEB开发好助手FireBug(Firefox Plugin)
• js之WEB开发调试利器:Firebug 下载
• FireBug 调试JS入门教程 如何调试JS