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 (八) 插播:jQuery实施方案
Feb 23 Javascript
JavaScript获取Url里的参数
Dec 18 Javascript
JS选取DOM元素的简单方法
Jul 08 Javascript
浅谈js的html元素的父节点,子节点
Aug 06 Javascript
bootstrap table方法之expandRow-collapseRow展开或关闭当前行数据
Aug 09 Javascript
axios携带cookie配置详解(axios+koa)
Dec 28 Javascript
JavaScript函数式编程(Functional Programming)纯函数用法分析
May 22 Javascript
解决微信浏览器缓存站点入口文件(IIS部署Vue项目)
Jun 17 Javascript
利用不到200行代码写一款属于你自己的js类库
Jul 08 Javascript
Vue中axios拦截器如何单独配置token
Dec 27 Javascript
jquery添加div实现消息聊天框
Feb 08 jQuery
使用vue-cli3+typescript的项目模板创建工程的教程
Feb 28 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 expects parameter 1 to be resource, array given 错误
2011/03/23 PHP
PHP fopen()和 file_get_contents()应用与差异介绍
2014/03/19 PHP
PHP利用header跳转失效的解决方法
2014/10/24 PHP
微信 开发生成带参数的二维码的实例
2016/11/23 PHP
php插入含有特殊符号数据的处理方法
2016/11/24 PHP
jQuery中将函数赋值给变量的调用方法
2012/03/23 Javascript
用JQuery 判断某个属性是否存在hasAttr的解决方法
2013/04/26 Javascript
jQuery中读取json文件示例代码
2013/05/10 Javascript
jquery动态加载js三种方法实例
2013/08/03 Javascript
jquery插件之定时查询待处理任务数量
2014/05/01 Javascript
微信企业号开发之微信考勤Cookies的使用
2015/09/11 Javascript
javascript自定义滚动条实现代码
2020/04/20 Javascript
Javascript将字符串日期格式化为yyyy-mm-dd的方法
2016/10/27 Javascript
vue基础之事件简写、事件对象、冒泡、默认行为、键盘事件实例分析
2019/03/11 Javascript
JavaScript函数式编程(Functional Programming)纯函数用法分析
2019/05/22 Javascript
VUE前后端学习tab写法实例
2019/08/06 Javascript
IntelliJ IDEA编辑器配置vue高亮显示
2019/09/26 Javascript
小程序调用微信支付的方法
2019/09/26 Javascript
js实现随机点名程序
2020/09/17 Javascript
JavaScript设计模式--简单工厂模式定义与应用案例详解
2020/05/23 Javascript
python中的闭包函数
2018/02/09 Python
浅析Python数据处理
2018/05/02 Python
python 以16进制打印输出的方法
2018/07/09 Python
阿里云ECS服务器部署django的方法
2019/08/29 Python
python使用numpy实现直方图反向投影示例
2020/01/17 Python
TensorFlow实现保存训练模型为pd文件并恢复
2020/02/06 Python
Python获取对象属性的几种方式小结
2020/03/12 Python
Python json转字典字符方法实例解析
2020/04/13 Python
北美大型运动类产品商城:Champs Sports
2017/01/12 全球购物
匡威比利时官网:Converse Belgium
2017/04/13 全球购物
荷兰家电购物网站:Expert.nl
2020/01/18 全球购物
应征英语教师求职信
2013/11/27 职场文书
出国签证在职证明
2014/09/20 职场文书
学校党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
2014年幼儿园教学工作总结
2014/12/04 职场文书
MySQL数据库⾼可⽤HA实现小结
2022/01/22 MySQL