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 相关文章推荐
推荐40个非常优秀的jQuery插件和教程【系列三】
Nov 09 Javascript
JavaScript调用后台的三种方法实例
Oct 17 Javascript
javascript实现简单的Map示例介绍
Dec 23 Javascript
js 与 php 通过json数据进行通讯示例
Mar 26 Javascript
JQuery获取与设置HTML元素的内容或文本的实现代码
Jun 20 Javascript
推荐一个封装好的getElementsByClassName方法
Dec 02 Javascript
深入理解JavaScript系列(49):Function模式(上篇)
Mar 04 Javascript
jQuery checkbox选中问题之prop与attr注意点分析
Nov 15 Javascript
Node.js调用fs.renameSync报错(Error: EXDEV, cross-device link not permitted)
Dec 27 Javascript
使用JavaScript破解web
Sep 28 Javascript
vue-router判断页面未登录自动跳转到登录页的方法示例
Nov 04 Javascript
如何基于javascript实现贪吃蛇游戏
Feb 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实现读取和编写XML DOM代码
2010/04/07 PHP
PHP 清空varnish 缓存的详解(包括指定站点下的)
2013/06/20 PHP
解析strtr函数的效率问题
2013/06/26 PHP
Laravel框架学习笔记(一)环境搭建
2014/10/15 PHP
PHP+MYSQL中文乱码问题
2015/07/01 PHP
PHP getDocNamespaces()函数讲解
2019/02/03 PHP
thinkPHP框架乐观锁和悲观锁实例分析
2019/10/30 PHP
IE php关于强制下载文件的代码
2008/08/23 Javascript
基于JQuery实现CheckBox全选全不选
2011/06/27 Javascript
jquery ajax return没有返回值的解决方法
2011/10/20 Javascript
如何在JavaScript中实现私有属性的写类方式(二)
2013/12/04 Javascript
基于JS实现导航条flash导航条
2016/06/17 Javascript
浅谈在js传递参数中含加号(+)的处理方式
2016/10/11 Javascript
Angularjs使用指令做表单校验的方法
2017/03/31 Javascript
教你5分钟学会用requirejs(必看篇)
2017/07/25 Javascript
Angularjs上传图片实例详解
2017/08/06 Javascript
微信小程序出现wx.navigateTo页面不跳转问题的解决方法
2017/12/26 Javascript
vue 子组件向父组件传值方法
2018/02/26 Javascript
解决vue点击控制单个样式的问题
2018/09/05 Javascript
前端vue+elementUI如何实现记住密码功能
2020/09/20 Javascript
python实现读Excel写入.txt的方法
2018/04/29 Python
Python对象属性自动更新操作示例
2018/06/15 Python
用Python中的turtle模块画图两只小羊方法
2019/04/09 Python
如何利用Pyecharts可视化微信好友
2019/07/04 Python
python读出当前时间精度到秒的代码
2019/07/05 Python
Python爬取网页信息的示例
2020/09/24 Python
Django haystack实现全文搜索代码示例
2020/11/28 Python
美国婴儿用品店:Babies”R”Us
2017/10/12 全球购物
面向对象设计的原则是什么
2013/02/13 面试题
是否可以从一个static方法内部发出对非static方法的调用?
2014/08/18 面试题
小学生暑假感言
2014/02/06 职场文书
2014年招商引资工作总结
2014/11/22 职场文书
走进科学观后感
2015/06/18 职场文书
新员工入职感想
2015/08/07 职场文书
2016年学习雷锋精神广播稿
2015/12/17 职场文书
PyQt5爬取12306车票信息程序的实现
2021/05/14 Python