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中this的使用说明
Sep 06 Javascript
Javascript中定义方法的另类写法(批量定义js对象的方法)
Feb 25 Javascript
扩展IE中一些不兼容的方法如contains、startWith等等
Jan 09 Javascript
JavaScript实现添加、查找、删除元素
Jul 02 Javascript
jQuery zTree加载树形菜单功能
Feb 25 Javascript
jQ处理xml文件和xml字符串的方法(详解)
Nov 22 Javascript
angularjs实现table增加tr的方法
Feb 27 Javascript
基于打包工具Webpack进行项目开发实例
May 29 Javascript
vue实例中data使用return包裹的方法
Aug 27 Javascript
react在安卓中输入框被手机键盘遮挡问题的解决方法
Sep 03 Javascript
微信小程序和百度的语音识别接口详解
May 06 Javascript
简单聊聊Vue中的计算属性和属性侦听
Oct 05 Vue.js
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保存session到memcache服务器的方法
2016/01/19 PHP
php依赖注入知识点详解
2019/09/23 PHP
Laravel 在views中加载公共页面的实现代码
2019/10/22 PHP
jquery each()源代码
2011/02/14 Javascript
如何确保JavaScript的执行顺序 之实战篇
2011/03/03 Javascript
jquery.form.js用法之清空form的方法
2014/03/07 Javascript
三种方式获取XMLHttpRequest对象
2014/04/21 Javascript
使用typeof方法判断undefined类型
2014/09/09 Javascript
js中confirm实现执行操作前弹出确认框的方法
2014/11/01 Javascript
javascript格式化json显示实例分析
2015/04/21 Javascript
JS对象序列化成json数据和json数据转化为JS对象的代码
2017/08/23 Javascript
基于jQuery的左滑出现删除按钮的示例
2017/08/29 jQuery
浅谈JavaScript中的属性:如何遍历属性
2017/09/14 Javascript
vue表单自定义校验规则介绍
2018/08/28 Javascript
Puppeteer 爬取动态生成的网页实战
2018/11/14 Javascript
[44:21]Ti4 循环赛第四日 附加赛NEWBEE vs LGD
2014/07/13 DOTA
[01:02:34]TFT vs VGJ.T Supermajor 败者组 BO3 第二场 6.5
2018/06/06 DOTA
Python import用法以及与from...import的区别
2015/05/28 Python
使用Python编写简单的画图板程序的示例教程
2015/12/08 Python
Python实现批量检测HTTP服务的状态
2016/10/27 Python
python算法演练_One Rule 算法(详解)
2017/05/17 Python
python散点图实例之随机漫步
2018/08/27 Python
Python3爬虫爬取英雄联盟高清桌面壁纸功能示例【基于Scrapy框架】
2018/12/05 Python
Django网络框架之创建虚拟开发环境操作示例
2019/06/06 Python
python版百度语音识别功能
2019/07/09 Python
Python opencv相机标定实现原理及步骤详解
2020/04/09 Python
python 下划线的不同用法
2020/10/24 Python
python 实现socket服务端并发的四种方式
2020/12/14 Python
CSS3 input框的实现代码类似Google登录的动画效果
2020/08/04 HTML / CSS
护士思想汇报
2014/01/12 职场文书
互联网创业计划书写作技巧攻略
2014/03/23 职场文书
留学经费担保书
2014/05/12 职场文书
数控机床专业自荐信
2014/05/19 职场文书
义诊活动通知
2015/04/24 职场文书
九年级历史教学反思
2016/02/19 职场文书
吃通javascript正则表达式
2021/04/21 Javascript