编程 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 相关文章推荐

JS中类或对象的定义说明

Mar 10 Javascript

jQuery将多条数据插入模态框的示例代码

Sep 25 Javascript

上传图片预览JS脚本 Input file图片预览的实现示例

Oct 23 Javascript

JS实现向表格行添加新单元格的方法

Mar 30 Javascript

JavaScript类型系统之正则表达式

Jan 05 Javascript

JavaScript数据存储 Cookie篇

Jul 02 Javascript

JS模拟实现方法重载示例

Aug 03 Javascript

javascript实现简易聊天室

Jul 12 Javascript

vue 的 solt 子组件过滤过程解析

Sep 07 Javascript

微信小程序保持session会话的方法

Mar 20 Javascript

Vue中正确使用Element-UI组件的方法实例

Oct 13 Javascript

vue实现表格合并功能

Dec 01 Vue.js

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入门学习的几个不错的实例代码

2008/07/13 PHP

PHP实用函数分享之去除多余的0

2015/02/06 PHP

PHP和Mysql中转UTF8编码问题汇总

2015/10/10 PHP

[原创]后缀就扩展名为js的文件是什么文件

2007/12/06 Javascript

JQuery异步加载无限下拉框级联功能实现示例

2014/02/19 Javascript

基于jQuery的判断iPad、iPhone、Android是横屏还是竖屏的代码

2014/05/11 Javascript

js星星评分效果

2014/07/24 Javascript

javascript实现在网页中运行本地程序的方法

2016/02/03 Javascript

jQuery的内容过滤选择器学习教程

2016/04/18 Javascript

jQuery防止重复绑定事件的解决方法

2016/05/14 Javascript

Js 获取当前函数参数对象的实现代码

2016/06/20 Javascript

微信小程序开发之录音机音频播放动画实例 (真机可用)

2016/12/08 Javascript

深入理解jquery中的each用法

2016/12/14 Javascript

javascript ES6中箭头函数注意细节小结

2017/02/17 Javascript

js实现手机发送验证码功能

2017/03/13 Javascript

JavaScript 字符串数字左补位，右补位，取固定长度，截位扩展函数代码

2017/03/25 Javascript

jQuery Ajax实现Select多级关联动态绑定数据的实例代码

2018/10/26 jQuery

解决Layui数据表格显示无数据提示的问题

2019/11/14 Javascript

[42:11]TNC vs Pain 2018国际邀请赛小组赛BO2 第二场 8.17

2018/08/20 DOTA

实例解析Python的Twisted框架中Deferred对象的用法

2016/05/25 Python

Python if语句知识点用法总结

2018/06/10 Python

详解【python】str与json类型转换

2019/04/29 Python

python交易记录整合交易类详解

2019/07/03 Python

python pyinstaller打包exe报错的解决方法

2019/11/02 Python

解决os.path.isdir() 判断文件夹却返回false的问题

2019/11/29 Python

pytorch中torch.max和Tensor.view函数用法详解

2020/01/03 Python

python 遗传算法求函数极值的实现代码

2020/02/11 Python

佳能法国商店：Canon法国

2019/02/14 全球购物

AJAX的全称是什么

2012/11/06 面试题

毕业生找工作的求职信范文

2013/12/24 职场文书

化妆品店促销方案

2014/02/24 职场文书

新年主持词

2014/03/27 职场文书

2014年信息宣传工作总结

2014/12/18 职场文书

出纳岗位职责

2015/01/31 职场文书

原料仓管员岗位职责

2015/04/01 职场文书

干部培训工作总结2015

2015/05/25 职场文书