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


Posted in Javascript onJanuary 01, 2010

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

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

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

基本的使用如下:

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

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

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

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

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

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

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

Javascript 相关文章推荐
比较详细的javascript对象的property和prototype是什么一种关系
Aug 06 Javascript
自动完成JS类(纯JS, Ajax模式)
Mar 12 Javascript
用Javascript 和 CSS 实现脚注(Footnote)效果
Sep 09 Javascript
js操作ajax返回的json的注意问题!
Feb 23 Javascript
jqgrid 简单学习笔记
May 03 Javascript
利用javaScript实现点击输入框弹出窗体选择信息
Dec 11 Javascript
编程语言JavaScript简介
Oct 16 Javascript
Express的路由详解
Dec 10 Javascript
谈谈第三方App接入微信登录 解读
Dec 27 Javascript
详解vuex的简单使用
Mar 12 Javascript
微信小程序实现美团菜单
Jun 06 Javascript
JS实现拖拽元素时与另一元素碰撞检测
Aug 27 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
蝙蝠侠:侠影之谜
2020/03/04 欧美动漫
php简单开启gzip压缩方法(zlib.output_compression)
2013/04/13 PHP
PHP实现获取某个月份周次信息的方法
2015/08/11 PHP
CodeIgniter读写分离实现方法详解
2016/01/20 PHP
深入理解PHP中的empty和isset函数
2016/05/26 PHP
thinkPHP中U方法加密传递参数功能示例
2018/05/29 PHP
Js中sort()方法的用法
2006/11/04 Javascript
Prototype使用指南之form.js
2007/01/10 Javascript
jquery 插件学习(三)
2012/08/06 Javascript
For循环中分号隔开的3部分的执行顺序探讨
2014/05/27 Javascript
JavaScript实现梯形乘法表的方法
2015/04/25 Javascript
jQuery validate插件功能与用法详解
2016/12/15 Javascript
iOS + node.js使用Socket.IO框架进行实时通信示例
2017/04/14 Javascript
几种响应式文字详解
2017/05/19 Javascript
nodejs async异步常用函数总结(推荐)
2017/11/17 NodeJs
详解小程序input框失焦事件在提交事件前的处理
2019/05/05 Javascript
vue实现下拉加载其实没那么复杂
2019/08/13 Javascript
[03:33]TI9战队采访 - Infamous
2019/08/20 DOTA
用Python编写一个简单的FUSE文件系统的教程
2015/04/02 Python
python实现发送和获取手机短信验证码
2016/01/15 Python
Python DataFrame.groupby()聚合函数,分组级运算
2018/09/18 Python
使用python爬取微博数据打造一颗“心”
2019/06/28 Python
解决安装python3.7.4报错Can''t connect to HTTPS URL because the SSL module is not available
2019/07/31 Python
动态设置django的model field的默认值操作步骤
2020/03/30 Python
PyCharm2019 安装和配置教程详解附激活码
2020/07/31 Python
Python限制内存和CPU使用量的方法(Unix系统适用)
2020/08/04 Python
selenium自动化测试入门实战
2020/12/21 Python
美国大型的健身社区和补充商店:Bodybuilding.com
2016/09/06 全球购物
Ellos丹麦:时尚和服装在线
2016/09/19 全球购物
意大利简约的休闲品牌:Aspesi
2018/02/08 全球购物
学生拾金不昧表扬信
2014/01/21 职场文书
地雷战观后感
2015/06/09 职场文书
践行三严三实心得体会(2016推荐篇)
2016/01/06 职场文书
理解深度学习之深度学习简介
2021/04/14 Python
苹果M1芯片安装nginx 并且部署vue项目步骤详解
2021/11/20 Servers
Win11快速关闭所有广告推荐
2022/04/19 数码科技