六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 62|回复: 0

JQuery技巧总结

[复制链接]

升级  4.67%

13

主题

13

主题

13

主题

秀才

Rank: 2

积分
57
 楼主| 发表于 2013-1-29 08:59:53 | 显示全部楼层 |阅读模式
1.绑定jQuery函数到$(window).load事件
   大多数jQuery实例或教程都告诉我们绑定我们的jQuery代码到$(document).ready事件。虽然$(document).ready事件在大多数情况下都OK,但是它的解析顺序是在文档准备就绪,单文档中的图片等对象正在下载的时候开始运行的。所以在某些时候使用$(document).ready事件并不一定能达到我们预期的效果,比如一些视觉效果和动画、拖拽、预读取隐藏图片等…通过使用$(window).load事件便可以安全的在整个文档都准备就绪之后再开始运行你期望的代码。
$(window).load(function(){ // 将你希望在页面完全就绪之后运行的代码放在这里 }); 

 
2.FireBug控制台记录jQuery
  FireBug是我最喜欢用的一个浏览器扩展工具之一,这个工具可以让你快速的在可视化界面中了解当前页面的HTML+CSS+JavaScript,并在该工具下完成即时开发。作为jQueryJavaScript开发人员,FireFox对于 记录你的JavaScript代码 也得到支持。

console.log("hello world")

<div style="border-right: black 1pt; padding-right: 0cm; border-top: black 1pt; padding-left: 0cm; background: #faffff; padding-bottom: 0cm; border-left: black 1pt; padding-top: 0cm; border-bottom: black 1pt;">
  你也可以按照你希望的方式写一些参数:
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表