- 浏览: 2271030 次
- 性别:
- 来自: 成都
文章分类
- 全部博客 (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 771参考链接: 1、http://hanqunfeng.iteye ... -
JavaScript异步编程学习
2016-06-19 14:59 748一 JavaScript学习资源 1、Reg Braithwa ... -
jQuery图表(jqPlot,Highcharts)
2012-05-18 00:48 23509jQuery图表在http://www.oschina.net ... -
JavaScript中的arguments,callee,caller,call,appy [备忘]
2012-05-08 23:13 1562转载:JavaScript中的argume ... -
IE,FF获取文件绝对路径方法
2012-03-25 23:30 4939参考资料 1 解决Firefox3,IE7,IE8上传图片预览 ... -
jQuery之Ztree
2011-10-19 17:14 17538参考资料 1 spring+struts2+hibernate ... -
jQuery之弹出层(用于提示)
2011-10-19 10:26 2253参考了权威指南的部分代码 实现效果:单击按钮显示层,在单击就 ... -
jQuery之get(txt,xml,json二点注意事项)
2011-10-18 14:42 5656参考资料 1 jQuery ajax - get() 方法 h ... -
jQuery之load
2011-10-17 15:33 7703参考资料 1 jQuery ajax - load() 方法 ... -
My97DatePicker常用练习
2011-09-15 17:03 5082参考官网资料:http://www.m ... -
jQuery之ID选择器
2011-08-23 15:25 9852参考资料 强烈推荐:张子秋 从零开始学习jQuery (二) ... -
jQuery之effect(效果)
2011-08-23 14:59 2556参考资料 从零开始学习jQuery (7) jQuery动画- ... -
jQuery之css
2011-08-23 13:54 1579jQuery W3C文档 http://www.w3schoo ... -
jQuery之select
2011-08-22 16:39 2297话不多说,详见代码吧 网页代码 <div style ... -
jQuery之实战(checkbox,table)
2011-08-19 16:22 3769实现功能如下:参考图片 1 页面加载时效果 2 全选效果 ... -
jQuery之table(隔行变色)
2011-08-19 15:52 2739页面代码如下: <table style=&quo ... -
jQuery之checkbox(复选框)
2011-08-18 17:06 2057业务需求:经常在用户登记中有这样的东西,只选择其中一项或者多项 ... -
jQuery之radio(单选)
2011-08-18 15:41 2424页面代码如下: <inpu ... -
jQuery之get(val,text,html)
2011-08-18 14:53 5982参考资料 1 jquery中,html、val与text三者属 ... -
jQuery之ID选择器
2011-08-18 13:58 16参考资料 强烈推荐:张子秋 从零开始学习jQuery (二) ...
相关推荐
上边的效果是点击文档中所有a标签时将弹出对话框,$("a") 是一个jQuery选择器,$本身表示一个jQuery类,所有$()是构造一个jQuery对象,click()是这个对象的方法,同理$(document)也是一个jQuery对象,ready(fn)是$...
第1章 jQuery开发入门/1 1.1 jQuery概述/2 1.1.1 认识jQuery /2 1.1.2 jQuery基本功能/2 1.1.3 搭建jQuery开发环境/3 1.1.4 编写第一个简单的jQuery应用/3 1.1.5 jQuery程序的代码风格/5 1.2 jQuery的简单...
代码如下:$(document).ready(function() { $(“a”).click(function() { alert(“Hello world!”); }); }); 单击文档中任一个连接都会触发alert() 事件 $号是 jQuery类的一个别称,因此$()构造了一...
程序代码 [removed] = function(){ … ... 对于此,jquery提供了一个”ready”事件,你可以使用以下的代码片段: 程序代码 $(document).ready(function(){//获取文档对象就绪的时候,不需要等待图片等下载完成。 // 你的
jQuery 提供了一个 $(document).ready() 方法,任何 ready 中的代码在 HTML 完全加载完成后才会被执行。 $(document).ready(function() { console.log('ready!'); }); 此外,它还有一个简写方式 $(function() { ...
前 言 第1章 jquery开发入门/1 1.1 jquery概述/2 1.1.1 认识jquery /2 1.1.2 jquery基本功能/2 1.1.3 搭建jquery开发环境/3 1.1.4 编写第一个简单的jquery应用/3 1.1.5 jquery程序的代码风格/5 1.2...
jquery入门实例,新手必看。jQuery有一个用来作为DOM快速载入javascript的得心应手的小函数,那就是ready… 他在页面加载完成之前执行。
##安装/快速入门 下载压缩文件并解压缩。 包括keymap.js和keymap.css <!-- Include Keymap --> < script src =" //code.jquery.com/jquery-1.11.3.min.js " > </ script > < script src =...
Part 1: Getting Ready..............................................................................................1 Chapter 1: Putting jQuery in Context ................................................
(不适用于 ie 6/7/8)或 Jquery 1 带有 Open-sans 的 准备好与 默认ERB 4.3.0 系统要求 和Heroku帐户。 Ruby(您可以在 Gemfile 中设置自己的版本)(默认为 2.1.2) 安装 设置 mkdir your-folder git clone ...
我用只依靠 jQuery 入门的思路写了一版,代码更少使用也更简单。 在线演示: http://demo.jb51.net/js/2012/jquery_xhpic/[JavaScript]代码 代码如下: $(document).ready(function(){ $(“#sItem li:not(:first)”)....
还是入门篇所说的那样,其实JQuery很简单. : )在我们开始学习之前建议大家先去下载JQuery1.3中文参考. 下载地址//www.jb51.net/books/17812.html 好了,进入正题. 再次申明JQuery很简单,take easy! 从那开始呢? ...
之前一篇文章介绍了jQuery Validate表单验证入门的基础知识,详细内容参见《jQuery Validate表单验证入门学习》,今天这篇文章深入学习jQuery Validate表单验证,以下就是文章的全部内容: 1、用其他方式替代默认的 ...
jQuery入门指南教程 这个指南是一个对jQuery库的说明,要求读者了解HTML(DOM)和CSS的一些常识。它包括了一个简单的Hello World的例子,选择器和事件基础,AJAX、FX的用法,以及如何制作jQuery的插件。 这个指南包括...
jQuery之类的库。 精简版,快速简便。 入门 添加到您的html文件中: [removed]/index.js">[removed] 版本标记与github版本中的发行版本标记匹配。 使用fast.js 与JQuery类似,fast.js中的所有操作都使用$函数完成...
入门 包括 jQuery。 包括dist/jquery.projectblocker.min.js 。 当document ready() ,初始化ProjectBlocker : $ ( document ) . on ( 'ready' , function ( ) { $ . projectBlocker ( ) ; } ) ; 完整示
文本截断使用 JQuery 截断样式文本以适应容器入门在您的网页中: < script type =" text/javascript " > $ ( document ) . ready ( function ( ) { $ ( '#element' ) . textTruncate ( { marginText : "..." ,...
Utilize AngularStrap to pull in Bootstrap's jQuery plugins through Angular directives Packed with tips to help you avoid potential stumbling blocks while developing Who This Book Is For Whether you ...
方法1: 代码如下: [removed]=function(){ Var name=document....“JQuery的第一个入门案例”);//加载HTML,不需等待,立即加载});方法3: ( 等同于方法2 ) 代码如下:jQuery(function (){ if($(“input[name=’
代码都是一些常见的设计思路,没有jQuery的复杂和迂回,适合和我一样刚入门的童鞋参考和学习。Api文档基础选择器$(selector)/kss(selector)传入"#id"/".class"/"tag"/elem/function(Ready方法),支持带空格如".class...