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 相关文章推荐
JS去掉第一个字符和最后一个字符的实现代码
Feb 20 Javascript
AngularJS HTML编译器介绍
Dec 06 Javascript
Angular 2应用的8个主要构造块有哪些
Oct 17 Javascript
JavaScript实现使用Canvas绘制图形的基本教程
Oct 27 Javascript
jQuery实现在新增加的元素上添加事件方法案例分析
Feb 09 Javascript
原生javascript实现读写CSS样式的方法详解
Feb 20 Javascript
详解闭包解决jQuery中AJAX的外部变量问题
Feb 22 Javascript
JavaScript拖动层Div代码
Mar 01 Javascript
浅谈JavaScript正则表达式-非捕获性分组
Mar 08 Javascript
基于Angular中ng-controller父子级嵌套的相关属性详解
Oct 08 Javascript
浅谈JavaScript_DOM学习篇_图片切换小案例
Mar 19 Javascript
vue 手机物理监听键+退出提示代码
Sep 09 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入门学习知识点五 关于php数组的几个基本操作
2011/07/14 PHP
解析php利用正则表达式解决采集内容排版的问题
2013/06/20 PHP
跟我学Laravel之路由
2014/10/15 PHP
PHP中异常处理的一些方法整理
2015/07/03 PHP
laravel 解决后端无法获取到前端Post过来的值问题
2019/10/22 PHP
Jquery倒数计时按钮setTimeout的实例代码
2013/07/04 Javascript
jQuery实现点击文本框弹出热门标签的提示效果
2013/11/17 Javascript
extjs 如何给column 加上提示
2014/07/29 Javascript
JavaScript中的Math.sin()方法使用详解
2015/06/15 Javascript
js实现简易的单数字随机抽奖(0-9)
2020/03/19 Javascript
js仿百度登录页实现拖动窗口效果
2016/03/11 Javascript
JavaScript 数组中最大最小值
2016/06/05 Javascript
JS 实现导航菜单中的二级下拉菜单的几种方式
2016/10/31 Javascript
解决OneThink中无法异步提交kindeditor文本框中修改后的内容方法
2017/05/05 Javascript
利用纯JS实现像素逐渐显示的方法示例
2017/08/14 Javascript
微信小程序iBeacon测距及稳定程序的实现解析
2019/07/31 Javascript
解决VUEX的mapState/...mapState等取值问题
2020/07/24 Javascript
[49:13]DOTA2上海特级锦标赛C组资格赛#1 OG VS LGD第一局
2016/02/27 DOTA
[01:51]2018年度CS GO最具人气外援-完美盛典
2018/12/16 DOTA
[37:45]完美世界DOTA2联赛PWL S3 LBZS vs Phoenix 第二场 12.09
2020/12/11 DOTA
python海龟绘图实例教程
2014/07/24 Python
Python常用模块用法分析
2014/09/08 Python
python模块之time模块(实例讲解)
2017/09/13 Python
python 求10个数的平均数实例
2019/12/16 Python
Python matplotlib修改默认字体的操作
2020/03/05 Python
HTML5 的新的表单元素(datalist/keygen/output)使用介绍
2013/07/19 HTML / CSS
HTML5为输入框添加语音输入功能的实现方法
2017/02/06 HTML / CSS
Eastbay官网:美国最大的运动鞋网络零售商
2016/07/27 全球购物
物流管理应届生求职信
2013/11/07 职场文书
幼儿园教师请假制度
2014/01/16 职场文书
大学生职业生涯规划书
2014/03/14 职场文书
亲属关系公证书
2014/04/08 职场文书
财务工作个人总结
2015/02/27 职场文书
公司奖励通知
2015/04/21 职场文书
幼儿园综治宣传月活动总结
2015/05/07 职场文书
安装harbor作为docker镜像仓库的问题
2022/06/14 Servers