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 相关文章推荐
jquery 常用操作整理 基础入门篇
Oct 14 Javascript
基于jquery+thickbox仿校内登录注册框
Jun 07 Javascript
JQuery slideshow的一个小问题(如何发现及解决过程)
Feb 06 Javascript
删除条目时弹出的确认对话框
Jun 05 Javascript
JS设置网页图片vspace和hspace属性的方法
Apr 01 Javascript
javascript中setInterval的用法
Jul 19 Javascript
javascript实现tab切换特效
Nov 12 Javascript
jQuery实现分隔条左右拖动功能
Nov 21 Javascript
浅析javascript的return语句
Dec 15 Javascript
javascript运动效果实例总结(放大缩小、滑动淡入、滚动)
Jan 08 Javascript
使用Script元素发送JSONP请求的方法
Jun 12 Javascript
vue 利用路由守卫判断是否登录的方法
Sep 29 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/09/30 PHP
PHP中CURL的CURLOPT_POSTFIELDS参数使用细节
2014/03/17 PHP
PHP数学运算与数据处理实例分析
2016/04/01 PHP
PHP用mysql_insert_id()函数获得刚插入数据或当前发布文章的ID
2016/11/25 PHP
CentOS 上搭建 PHP7 开发测试环境
2017/02/26 PHP
php生成毫秒时间戳的实例讲解
2017/09/22 PHP
Laravel程序架构设计思路之使用动作类
2018/06/07 PHP
PHP实现用session来实现记录用户登陆信息
2018/10/15 PHP
javascript function、指针及内置对象
2009/02/19 Javascript
JavaScript 使用技巧精萃(.net html
2009/04/25 Javascript
JS 判断代码全收集
2009/04/28 Javascript
js实现网页随机切换背景图片的方法
2014/11/01 Javascript
javascript感应鼠标图片透明度显示的方法
2015/02/24 Javascript
基于jquery实现的仿优酷图片轮播特效代码
2016/01/13 Javascript
jQuery获取父元素及父节点的方法小结
2016/04/14 Javascript
使用JavaScript计算前一天和后一天的思路详解
2019/12/20 Javascript
vue 解决setTimeOut和setInterval函数无效报错的问题
2020/07/30 Javascript
vue flex 布局实现div均分自动换行的示例代码
2020/08/05 Javascript
使用Python构建Hopfield网络的教程
2015/04/14 Python
解决Python传递中文参数的问题
2015/08/04 Python
python根据list重命名文件夹里的所有文件实例
2018/10/25 Python
python实现按行分割文件
2019/07/22 Python
python入门之井字棋小游戏
2020/03/05 Python
Python基于wordcloud及jieba实现中国地图词云图
2020/06/09 Python
Django集成MongoDB实现过程解析
2020/12/01 Python
python多线程和多进程关系详解
2020/12/14 Python
详解Canvas 跨域脱坑实践
2018/11/07 HTML / CSS
改变生活的男士内衣:SAXX Underwear
2019/08/28 全球购物
英国名牌男装店:Standout
2021/02/17 全球购物
路政管理专业推荐信
2013/11/11 职场文书
大学生求职自荐信
2013/12/12 职场文书
供货协议书范本
2014/04/22 职场文书
管理标语大全
2014/06/24 职场文书
家庭贫困证明范本(经典版)
2014/09/22 职场文书
财务人员岗位职责
2015/02/03 职场文书
孟佩杰观后感
2015/06/17 职场文书