Firefox+FireBug使JQuery的学习更加轻松愉快
作者:bea
这篇文章是我从一个国外站点看的视频,经过简单实践,我发现这样做的确可以提高不少效率。下面来说说这种方式: 先决条件: 安装firefox+firebug 这里以我的博客为例: 基本的使用如下: OK,下面让我们步入正题: 就拿上面的图片为例,我们看到博客园所有的标题都将class命名为:postTitle,下面我们利用jQuery将页面中的标题隐藏: 当然,我们也可以给页面的元素加入事件: 小结 上面我们简单说了firebug在调试jQuery中的简单应用,用这种方
这篇文章是我从一个国外站点看的视频,经过简单实践,我发现这样做的确可以提高不少效率。下面来说说这种方式:
先决条件:
安装firefox+firebug
这里以我的博客为例:
基本的使用如下:
OK,下面让我们步入正题:
就拿上面的图片为例,我们看到博客园所有的标题都将class命名为:postTitle,下面我们利用jQuery将页面中的标题隐藏:
当然,我们也可以给页面的元素加入事件:
小结
上面我们简单说了firebug在调试jQuery中的简单应用,用这种方法,我们可以得到如下好处:
1.不必每次修改一点js代码便重新打开编辑器&调试,节省时间
2.可以查看jquery操作所影响到的元素,让学习jQuery和调试都更加容易
3.如果你旁边站着人,用这种方式显得更加专业-.-(好吧,我承认,这条是我遍的.新年第一次幽默^_^)
希望这篇文章对你有所帮助
猜你喜欢
您可能感兴趣的文章:
- Extjs学习笔记之一 初识Extjs之MessageBox
- jQuery DOM操作小结与实例
- javascript当onmousedown、onmouseup、onclick同时应用于同一个标签节点Element
- javascript bind绑定函数代码
- javascript forEach函数实现代码
- javascript下动态this与动态绑定实例代码
- jQuery 数据缓存data(name, value)详解及实现
- javascript splice数组简单操作
- 用AJAX返回HTML片段中的JavaScript脚本
- Javascript解决常见浏览器兼容问题的12种方法
- javascript 可控式透明特效实现代码
- javascript 精确获取页面元素的位置
- javascript 精确获取样式属性(下)
- javascript 精确获取样式属性(上)
- javascript 模拟点击广告
- javascript getElementsByClassName 和js取地址栏参数
- javascript addLoadEvent函数说明
- firefox插件Firebug的使用教程
- firefox firebug中文入门教程