编程 Javascript

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

Posted in Javascript onJanuary 01, 2010

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

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

基本的使用如下:

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

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

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

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

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

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

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

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

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

User Scripts: Video Download by User Scripts

May 14 Javascript

JavaScript 继承详解（四）

Jul 13 Javascript

javascript 检测浏览器类型和版本的代码

Sep 15 Javascript

jquery实现点击TreeView文本父节点展开/折叠子节点

Jan 10 Javascript

js+HTML5实现canvas多种颜色渐变效果的方法

Jun 05 Javascript

jquery.cookie.js实现用户登录保存密码功能的方法

Apr 15 Javascript

浅谈js中StringBuffer类的实现方法及使用

Sep 02 Javascript

Javascript中的神器——Promise

Feb 08 Javascript

nuxt.js 缓存实践

Jun 25 Javascript

玩转Koa之koa-router原理解析

Dec 29 Javascript

JavaScript实现烟花绽放动画效果

Aug 04 Javascript

js中Object.create实例用法详解

Oct 05 Javascript

20个非常棒的Jquery实用工具国外文章

Jan 01 #Javascript

JavaScript与DropDownList 区别分析

Jan 01 #Javascript

HTML node相关的一些资料整理

Jan 01 #Javascript

JQery 渐变图片导航效果代码漂亮

Jan 01 #Javascript

jquery 简短右键菜单多浏览器兼容

Jan 01 #Javascript

使用JQUERY Tabs插件宿主IFRAMES

Jan 01 #Javascript

用jquery实现学校的校历(asp.net+jquery ui 1.72)

Jan 01 #Javascript

You might like

使用php判断网页是否gzip压缩

2013/06/25 PHP

php按百分比生成缩略图的代码分享

2014/05/10 PHP

WordPress中登陆后关闭登陆页面及设置用户不可见栏目

2015/12/31 PHP

Yii2实现上下联动下拉框功能的方法

2016/08/10 PHP

jquery 新手学习常见问题解决方法

2010/04/18 Javascript

Jquery知识点二 jquery下对数组的操作

2011/01/15 Javascript

dojo学习第二天 ajax异步请求之绑定列表

2011/08/29 Javascript

js获取 type=radio 值的方法

2014/05/09 Javascript

jQuery 获取兄弟元素的几种不错方法

2014/05/23 Javascript

JS实现点击按钮自动增加一个单元格的方法

2015/03/09 Javascript

javascript中checkbox使用方法简单实例演示

2015/11/17 Javascript

JS 终止执行的实现方法

2016/11/24 Javascript

Bootstrap基本样式学习笔记之表格(2)

2016/12/07 Javascript

使用OPENLAYERS3实现点选的方法

2020/09/24 Javascript

JavaScript 用fetch 实现异步下载文件功能

2017/07/21 Javascript

Vue中保存数据到磁盘文件的方法

2018/09/06 Javascript

原生JS实现DOM加载完成马上执行JS代码的方法

2018/09/07 Javascript

JS中数据结构之栈

2019/01/01 Javascript

Vue+Element实现动态生成新表单并添加验证功能

2019/05/23 Javascript

Python语言技巧之三元运算符使用介绍

2013/03/04 Python

Python实现模拟登录及表单提交的方法

2015/07/25 Python

轻量级的Web框架Flask 中模块化应用的实现

2017/09/11 Python

Python基于hashlib模块的文件MD5一致性加密验证示例

2018/02/10 Python

Python函数基础实例详解【函数嵌套,命名空间,函数对象,闭包函数等】

2019/03/30 Python

python读取大文件越来越慢的原因与解决

2019/08/08 Python

如何通过python实现IOU计算代码实例

2020/11/02 Python

python中的测试框架

2020/11/13 Python

CSS3+font字体文件实现圆形半透明菜单具体步骤(图解)

2013/06/03 HTML / CSS

让IE支持CSS3的不完全兼容方案

2014/09/19 HTML / CSS

女士鞋子、包包和服装在线，第一款10美元：ShoeDazzle

2019/07/26 全球购物

工商治理实习生的自我评价

2014/01/15 职场文书

《植物妈妈有办法》教学反思

2014/02/25 职场文书

团日活动总结书格式

2014/05/08 职场文书

小学二年级语文教学反思

2016/03/03 职场文书

Python-OpenCV教程之图像的位运算详解

2021/06/21 Python

Apache Pulsar结合Hudi构建Lakehouse方案分析

2022/03/31 Servers