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

javascript 建设银行登陆键盘

Jun 10 Javascript

用Greasemonkey 脚本收藏网站会员信息到本地

Oct 26 Javascript

jQuery javaScript捕获回车事件(示例代码)

Nov 07 Javascript

JS基于VML技术实现的五角星礼花效果代码

Oct 26 Javascript

jQuery自定义元素右键点击事件(实现案例)

Apr 28 jQuery

node.js连接MongoDB数据库的2种方法教程

May 17 Javascript

vue.js实现数据动态响应 Vue.set的简单应用

Jun 15 Javascript

浅析Vue自定义组件的v-model

Nov 26 Javascript

JS二级菜单不同实现方法分析【4种方法】

Dec 21 Javascript

JS实现纵向轮播图（初级版）

Jan 18 Javascript

vue组件中实现嵌套子组件案例

Aug 31 Javascript

antd的select下拉框因为数据量太大造成卡顿的解决方式

Oct 31 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

很温暖很温暖的Lester Young

2021/03/03 冲泡冲煮

7个超级实用的PHP代码片段

2011/07/11 PHP

php下载文件,添加响应头的简单实例

2016/09/22 PHP

php安装dblib扩展,连接mssql的具体步骤

2017/03/02 PHP

PHP7导出Excel报ERR_EMPTY_RESPONSE解决方法

2019/04/16 PHP

浅谈PHP中的那些魔术常量

2020/12/02 PHP

Javascript学习笔记6 prototype的提出

2010/01/11 Javascript

跟我学Node.js（四）---Node.js的模块载入方式与机制

2014/06/04 Javascript

Javascript中拼接大量字符串的方法

2015/02/05 Javascript

javascript自定义右键弹出菜单实现方法

2015/05/25 Javascript

JS+CSS实现经典的左侧竖向滑动菜单效果

2015/09/23 Javascript

详解vue+vueRouter+webpack的简单实例

2017/06/17 Javascript

使用vue实现简单键盘的示例(支持移动端和pc端)

2017/12/25 Javascript

layui获取多选框中的值方法

2018/08/15 Javascript

JS实现集合的交集、补集、差集、去重运算示例【ES5与ES6写法】

2019/02/18 Javascript

简单了解JavaScript arguement原理及作用

2020/05/28 Javascript

JS实现躲避粒子小游戏

2020/06/18 Javascript

python中实现数组和列表读取一列的方法

2018/04/03 Python

python单例模式实例解析

2018/08/28 Python

python编写俄罗斯方块

2020/03/13 Python

pip安装提示Twisted错误问题（Python3.6.4安装Twisted错误）

2020/05/09 Python

Python读取二进制文件代码方法解析

2020/06/22 Python

基于python实现操作redis及消息队列

2020/08/27 Python

Html5 滚动穿透的方法

2019/05/13 HTML / CSS

数据库设计的包括哪两种，请分别进行说明

2016/07/15 面试题

STP协议的主要用途是什么？为什么要用STP

2012/12/20 面试题

关于诚信的活动方案

2014/08/18 职场文书

捐书倡议书

2014/08/29 职场文书

2014年四风问题个人对照自查剖析材料

2014/09/15 职场文书

预备党员半年考察意见

2015/06/01 职场文书

公司老总年会致辞

2015/07/30 职场文书

2015年教师个人业务工作总结

2015/10/23 职场文书

2019最新企业员工考勤管理制度（通用版）！

2019/07/02 职场文书

几款流行的HTML5 UI框架比较(小结)

2021/04/08 HTML / CSS

MySQL中连接查询和子查询的问题

2021/09/04 MySQL

css3中2D转换之有趣的transform形变效果

2022/02/24 HTML / CSS