编程 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完美拖拽的实现方法

Sep 29 Javascript

详解Javascript模板引擎mustache.js

Jan 20 Javascript

html+js实现简单的计算器代码(加减乘除)

Jul 12 Javascript

20分钟打造属于你的Bootstrap站点

Jul 27 Javascript

JS中mouseup事件丢失的原因与解决办法

Jun 14 Javascript

Vue框架中正确引入JS库的方法介绍

Jul 30 Javascript

微信小程序使用checkbox显示多项选择框功能【附源码下载】

Dec 11 Javascript

vue.js给动态绑定的radio列表做批量编辑的方法

Feb 28 Javascript

基于vue循环列表时点击跳转页面的方法

Aug 31 Javascript

javascript面向对象三大特征之封装实例详解

Jul 24 Javascript

解决vue项目获取dom元素宽高总是不准确问题

Jul 29 Javascript

如何开发一个渐进式Web应用程序PWA

May 10 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 新手入门教程

2009/08/03 PHP

PHP中foreach()用法汇总

2015/07/02 PHP

Yii1.1中通过Sql查询进行的分页操作方法

2017/03/16 PHP

JS查看对象功能代码

2008/04/25 Javascript

JavaScript 异步调用框架 (Part 6 - 实例 & 模式)

2009/08/04 Javascript

Javascript代码在页面加载时的执行顺序介绍

2013/05/03 Javascript

getJSON调用后台json数据时函数被调用两次的原因猜想

2013/09/29 Javascript

js获得网页背景色和字体色的方法

2014/03/21 Javascript

jQuery中attr()和prop()在修改checked属性时的区别

2014/07/18 Javascript

使用jquery.qrcode生成彩色二维码实例

2014/08/08 Javascript

文本框倒叙输入让输入框的焦点始终在最开始的位置

2014/09/01 Javascript

js常用系统函数用法实例分析

2015/01/12 Javascript

JS响应鼠标点击实现两个滑块区间拖动效果

2015/10/26 Javascript

微信小程序中单位rpx和rem的使用

2016/12/06 Javascript

bootstrap插件treeview实现全选父节点下所有子节点和反选功能

2017/07/21 Javascript

js读取本地文件的实例

2017/12/22 Javascript

vue cli构建的项目中请求代理与项目打包问题

2018/02/26 Javascript

浅谈ng-zorro使用心得

2018/12/03 Javascript

JS实现获取当前所在周的周六、周日示例分析

2019/05/11 Javascript

js验证密码强度解析

2020/03/18 Javascript

在Python3中使用asyncio库进行快速数据抓取的教程

2015/04/02 Python

Python中pillow知识点学习

2018/04/30 Python

对python的文件内注释 help注释方法

2018/05/23 Python

python使用opencv实现马赛克效果示例

2019/09/28 Python

使用Python函数进行模块化的实现

2019/11/15 Python

一文读懂python Scrapy爬虫框架

2021/02/24 Python

Canvas在超级玛丽游戏中的应用详解

2021/02/06 HTML / CSS

美国最大的存储市场：SpareFoot

2018/07/23 全球购物

J2SDK1.5与J2SDK5.0有什么区别

2012/09/19 面试题

大学学年自我鉴定

2013/10/28 职场文书

行政部岗位职责范本

2014/03/13 职场文书

汽车促销活动方案

2014/03/31 职场文书

南湾猴岛导游词

2015/02/09 职场文书

预备党员表决心的话

2015/09/22 职场文书

2016年“世界气象日”广播稿

2015/12/17 职场文书

前端实现滑动按钮AJAX与后端交互的示例代码

2022/02/24 Javascript