- 浏览: 2286855 次
- 性别:
- 来自: 成都
文章分类
- 全部博客 (357)
- J2EE (49)
- JavaScript (40)
- Spring (19)
- Struts (5)
- CSS (8)
- Hibernate (16)
- Java (67)
- DWR (4)
- JSON (3)
- XFIRE (1)
- Tomcat (1)
- Ant (2)
- 设计模式 (2)
- 经典收藏 (2)
- JSP (10)
- Linux (0)
- WebLogic (11)
- myeclipse (13)
- Buffalo (4)
- 文件上传相关 (1)
- oracle (33)
- html (6)
- JSTL (3)
- SVN (2)
- GIT (1)
- 孙卫琴(Java网络编程精解) (1)
- DOM4J (2)
- Swing (1)
- AJAX (1)
- Eclipse (5)
- 日志组件 (3)
- PowerDesigner (1)
- Jquery (22)
- IT技术开发相关网址 (1)
- Nutz (1)
- 其它 (1)
- Velocity (3)
- WebService (1)
- MySql (2)
- Android (1)
- Maven (2)
- Quartz (11)
- Lucene (1)
- springsource (1)
- Junit (1)
- Activiti (0)
最新评论
-
yzlseu:
拼凑,没有营养
Activiti进阶—分配组任务 -
zhangsenhao:
非常赞!代码很清楚
SpringMVC3.0+MyIbatis3.0(分页示例) -
xiamw2000:
分页写得不对,应该是 : order by ${orderNa ...
SpringMVC3.0+MyIbatis3.0(分页示例) -
sheertewtw:
...
SpringMVC:上传与下载 -
kingtoon:
...
XSS之xssprotect
参考资料
1 jquery $(document).ready() 与window.onload的区别
http://www.jb51.net/article/21628.htm
2 jquery的$(document).ready()和onload的加载顺序
http://www.jb51.net/article/23653.htm
3 jQuery学习资料
http://www.blogjava.net/kissyan4916/category/42271.html
如无特别说明关于jQuery方面的东西使用版本都为:1.6.2
首先页面肯定引入jQuery的js库了
以后就不在写这句话了,默认引入
关于jQuery中的ready函数是这样解释的,引用于:jQuery中文API
.ready( handler ):当DOM完全加载完成时,执行一个函数
window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
$(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕.
以下写法是等价的
如果页面有原生的widnow.onload的话,它会先执行jQuery的加载方法后,在去执行它
1 jquery $(document).ready() 与window.onload的区别
http://www.jb51.net/article/21628.htm
2 jquery的$(document).ready()和onload的加载顺序
http://www.jb51.net/article/23653.htm
3 jQuery学习资料
http://www.blogjava.net/kissyan4916/category/42271.html
如无特别说明关于jQuery方面的东西使用版本都为:1.6.2
首先页面肯定引入jQuery的js库了
<script src="../scripts/jquery-1.6.2.min.js" type="text/javascript"></script>
以后就不在写这句话了,默认引入
关于jQuery中的ready函数是这样解释的,引用于:jQuery中文API
.ready( handler ):当DOM完全加载完成时,执行一个函数
window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
$(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕.
以下写法是等价的
//等待dom元素加载完毕. $(document).ready(function(){ alert("Hello World!"); }); //是上面的简写 $(function(){ alert("Hello World 2 !"); }); jQuery(document).ready(function(){ alert("Hello World 3 !"); }); //以下是和其它库解决冲突的方法 //将变量$的控制权让渡给js库 jQuery.noConflict(); jQuery(function(){ //在内部只能使用jQuery标记,不能使用$了,注意下面一种方式呀 alert("Hello World 4 !"); }); /*处理jQuery的$和别的库冲突的时候用的,通过jQuery.noConflict()这个方法, *我们就可以直接在代码中通过jQuery来代替$来使用 */ jQuery.noConflict(); jQuery(function($){ //在代码内部可使用$,不能在外面使用$ alert("Hello World 5 !"); }); //自定义一个比较短快捷方式 var $j = jQuery.noConflict(); $j(function(){ //使用jQuery alert("Hello World 6 !"); }); jQuery.noConflict(); (function($){ //定义匿名函数并设置形参为$ $(function(){ //匿名函数内部的$均为jQuery //继续使用 $ 方法 alert("Hello World 7 !"); }); })(jQuery); //执行匿名函数且传递实参jQuery //直接使用 jQuery ,没有必要调用"jQuery.noConflict()"函数。 jQuery(function(){ //内部代码使用jQuery alert("Hello World 8 !"); });
如果页面有原生的widnow.onload的话,它会先执行jQuery的加载方法后,在去执行它
发表评论
-
java json-lib & jQuery & jsonp
2016-06-30 11:31 823参考链接: 1、http://hanqunfeng.iteye ... -
JavaScript异步编程学习
2016-06-19 14:59 788一 JavaScript学习资源 1、Reg Braithwa ... -
jQuery图表(jqPlot,Highcharts)
2012-05-18 00:48 23546jQuery图表在http://www.oschina.net ... -
JavaScript中的arguments,callee,caller,call,appy [备忘]
2012-05-08 23:13 1618转载:JavaScript中的argume ... -
IE,FF获取文件绝对路径方法
2012-03-25 23:30 4978参考资料 1 解决Firefox3,IE7,IE8上传图片预览 ... -
jQuery之Ztree
2011-10-19 17:14 17579参考资料 1 spring+struts2+hibernate ... -
jQuery之弹出层(用于提示)
2011-10-19 10:26 2286参考了权威指南的部分代码 实现效果:单击按钮显示层,在单击就 ... -
jQuery之get(txt,xml,json二点注意事项)
2011-10-18 14:42 5707参考资料 1 jQuery ajax - get() 方法 h ... -
jQuery之load
2011-10-17 15:33 7771参考资料 1 jQuery ajax - load() 方法 ... -
My97DatePicker常用练习
2011-09-15 17:03 5146参考官网资料:http://www.m ... -
jQuery之ID选择器
2011-08-23 15:25 9897参考资料 强烈推荐:张子秋 从零开始学习jQuery (二) ... -
jQuery之effect(效果)
2011-08-23 14:59 2606参考资料 从零开始学习jQuery (7) jQuery动画- ... -
jQuery之css
2011-08-23 13:54 1623jQuery W3C文档 http://www.w3schoo ... -
jQuery之select
2011-08-22 16:39 2353话不多说,详见代码吧 网页代码 <div style ... -
jQuery之实战(checkbox,table)
2011-08-19 16:22 3819实现功能如下:参考图片 1 页面加载时效果 2 全选效果 ... -
jQuery之table(隔行变色)
2011-08-19 15:52 2774页面代码如下: <table style=&quo ... -
jQuery之checkbox(复选框)
2011-08-18 17:06 2100业务需求:经常在用户登记中有这样的东西,只选择其中一项或者多项 ... -
jQuery之radio(单选)
2011-08-18 15:41 2459页面代码如下: <inpu ... -
jQuery之get(val,text,html)
2011-08-18 14:53 6045参考资料 1 jquery中,html、val与text三者属 ... -
jQuery之ID选择器
2011-08-18 13:58 16参考资料 强烈推荐:张子秋 从零开始学习jQuery (二) ...
相关推荐
【jQuery 快速入门实例】 jQuery 是一个广泛使用的 JavaScript 库,它简化了 DOM 操作、事件处理和动画效果。本教程将引导你快速入门jQuery,通过基础实例帮助你掌握其核心概念。 ### 1. jQuery 构造函数与 $...
《jQuery从入门到精通》是一门深度探讨JavaScript库jQuery的课程,主要针对想要提升Web开发技能,特别是希望简化DOM操作、实现动态效果和交互的开发者。jQuery是JavaScript的一个强大工具,它通过提供简洁的API,...
### jQuery入门精要 #### 一、jQuery概览与崛起 **标题与描述解析:** "jquery 入门帮助.pdf"这一标题明确指向了对jQuery初学者的指导资料,而描述“对于了解ajax并初识jq的人很有帮助”则暗示了内容会涵盖jQuery...
**jQuery入门手册1.3.2** jQuery是一个广泛使用的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。这个“jQuery入门手册1.3.2”是针对初学者的指导性资料,旨在帮助读者快速...
"jQuery中文入门指南.pdf" jQuery 是一个流行的 JavaScript 库,提供了许多有用的功能来简化 Web 开发。这个指南旨在为初学者提供一个详细的入门教程,教你如何使用 jQuery 库来开发 Web 应用程序。 首先,我们...
《jQuery:从入门到精通——实战Demo解析》 在Web开发领域,jQuery是一个不可或缺的JavaScript库,它极大地简化了DOM操作、事件处理、动画效果以及Ajax交互。本篇将通过介绍jQuery的基础概念、核心功能以及提供的...
《jQuery中文入门指南》是一份面向初学者的教程,旨在帮助读者快速掌握jQuery的基本用法。该指南由Keel翻译并添加了补充说明,主要内容基于原文作者Jörn Zaefferer的作品。学习jQuery的过程中,建议参考两个重要的...
jQuery的核心概念之一是`$(document).ready()`函数,它确保在DOM完全加载后执行其中的代码。例如,在`custom.js`中,你可以看到这样的代码: ```javascript $(document).ready(function() { $("a").click(function...
《jQuery学习入门教程》是一份专为初学者设计的教程,旨在帮助读者快速掌握jQuery的基础知识和实用技巧。jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务,使得...
然后,理解$(document).ready()函数,它是jQuery中的一个关键事件,确保DOM加载完成后执行代码。此外,会介绍jQuery对象和DOM元素的区别以及如何选择元素,例如使用ID、类名或标签名选择器。 二、万能的选择器 在...
### jQuery基础入门知识点详解 #### 一、jQuery简介 ##### 1.1 什么是jQuery? - **起源与发展**:jQuery是由美国人John Resig在2006年创建的一个JavaScript库。随着时间的发展,该项目吸引了很多世界级的...
jQuery的入门通常从简单的元素选择和操作开始,例如选取页面上的某个元素,然后执行一个动作,如改变其内容或样式。 ```javascript <!DOCTYPE html> <script src="jquery-1.3.2.min.js"> $(document).ready...
**jQuery 初步入门学习小资料** jQuery 是一个广受欢迎的 JavaScript 库,它极大地简化了 JavaScript 的使用,使得开发者可以高效地实现网页交互、动画效果以及与服务器的数据通信。这个压缩包文件提供了关于 ...
【jQuery中文入门指南】这篇教程面向的是对HTML(DOM)和CSS有一定了解的读者,旨在介绍jQuery库的基础知识。教程通过实例代码展示,鼓励读者复制并尝试修改,以加深理解。 1. **安装jQuery**:首先,你需要获取...