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 混淆加密收藏
Jan 16 Javascript
Jqyery中同等与js中windows.onload的应用
May 10 Javascript
JS无限极树形菜单,json格式、数组格式通用示例
Jul 30 Javascript
javascript获取web应用根目录的方法
Feb 12 Javascript
动态加载js的方法汇总
Feb 13 Javascript
Bootstrap页面布局基础知识全面解析
Jun 13 Javascript
javascript实现无法关闭的弹框
Nov 27 Javascript
微信小程序通过api接口将json数据展现到小程序示例
Jan 20 Javascript
详解如何使用vue-cli脚手架搭建Vue.js项目
May 19 Javascript
angular2组件中定时刷新并清除定时器的实例讲解
Aug 31 Javascript
Bootstrap实现模态框效果
Sep 30 Javascript
el-form 多层级表单的实现示例
Sep 10 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
c#中的实现php中的preg_replace
2009/12/21 PHP
PHP setTime 设置当前时间的代码
2012/08/27 PHP
探讨:parse url解析URL,返回其组成部分
2013/06/14 PHP
php中的Base62类(适用于数值转字符串)
2013/08/12 PHP
Ubuntu下安装PHP的mongodb扩展操作命令
2015/07/04 PHP
Smarty缓存机制实例详解【三种缓存方式】
2019/07/20 PHP
记Laravel调用Gin接口调用formData上传文件的实现方法
2019/12/12 PHP
JavaScript弹簧振子超简洁版 完全符合能量守恒,胡克定理
2009/10/25 Javascript
读jQuery之二(两种扩展)
2011/06/11 Javascript
JS 操作符整理[推荐收藏]
2011/11/15 Javascript
JavaScript获取图片的原始尺寸以宽度为例
2014/05/04 Javascript
js对象的复制继承实例
2015/01/10 Javascript
详解AngularJS 模态对话框
2016/04/07 Javascript
在IE8上JS实现combobox支持拼音检索功能
2016/05/23 Javascript
Node.js编写CLI的实例详解
2017/05/17 Javascript
js+canvas实现滑动拼图验证码功能
2018/03/26 Javascript
原生JS实现的碰撞检测功能示例
2018/05/18 Javascript
axios的拦截请求与响应方法
2018/08/11 Javascript
vue中前进刷新、后退缓存用户浏览数据和浏览位置的实例讲解
2018/09/21 Javascript
mpvue+vuex搭建小程序详细教程(完整步骤)
2018/09/30 Javascript
vue 验证两次输入的密码是否一致的方法示例
2020/09/29 Javascript
[43:41]OG vs Newbee 2019国际邀请赛淘汰赛 胜者组 BO3 第一场 8.21.mp4
2020/07/19 DOTA
Python爬虫实例爬取网站搞笑段子
2017/11/08 Python
Python使用gRPC传输协议教程
2018/10/16 Python
Python 取numpy数组的某几行某几列方法
2019/10/24 Python
python:批量统计xml中各类目标的数量案例
2020/03/10 Python
Python实现上下文管理器的方法
2020/08/07 Python
史蒂夫·马登加拿大官网:Steve Madden加拿大
2017/11/18 全球购物
利物浦足球俱乐部官方网上商店:Liverpool FC Official Store
2018/01/13 全球购物
毕业生精彩的自我评价分享
2013/10/06 职场文书
医院见习报告范文
2014/11/03 职场文书
测量员岗位职责
2015/02/14 职场文书
聘任证明怎么写
2015/03/02 职场文书
房屋质量投诉书
2015/07/02 职场文书
CSS中妙用 drop-shadow 实现线条光影效果
2021/11/11 HTML / CSS
详解Flutter网络请求Dio库的使用及封装
2022/04/14 Java/Android