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

2019-12-25,,,

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

先决条件:
安装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

《Firefox+FireBug使JQuery的学习更加轻松愉快.doc》

下载本文的Word格式文档,以方便收藏与打印。