jQuery由美国人John Resig创立,至今已吸引了来自世界各地的众多javascript高手参加其team,包含来自德国的J?rn Zaefferer,罗马尼亚的Stefan Petre等等。
jQuery是继prototype之后又一个优良的Javascrīpt框架,
玩魔术的那些老先辈们(2)――西方魔术师。其主旨是――WRITE LESS,DO MORE,写更少的代码,做更多的事件。
它是轻量级的js库(紧缩后只有21k) ,这是其它的js库所不迭的,它兼容CSS3,还兼容各种阅读器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。
jQuery是一个疾速的,简练的javaScript库,应用户能更便利地处置HTML documents、events、实现动画后果,并且便利地为网站供给AJAX交互。
jQuery还有一个比拟大的上风是,它的文档阐明很全,而且各种利用也说得很具体,
香港六合彩公司,同时还有很多成熟的插件可供抉择。
jQuery可能应用户的html页坚持代码跟html内容分别,也就是说,不必再在html里面插入一堆js来调用命令了,只要定义id即可。
Jquery是继prototype之后又一个优良的Javascrīpt框架。对prototype我应用未几,简略懂得过。但应用上jquery之后,立刻被她的优雅吸引住了。有人应用这样的一比方来比拟prototype跟jquery:prototype就像Java,而jquery就像ruby.实际上我比拟爱好java(少接触Ruby 罢了)然而jquery的简略的适用确实有相称大的吸引力啊!在名目里我把jquery作为本人独一的框架类包。应用其间也有一点点心得,实在这些心得,在jquery的文档上面也可能有讲,不外仍是记下来,以备忘罢。
一,找到你了! 还记得$()这个货色吧?prototype仍是DWR都应用了这个函数取代document.getElementById()。没错,jquery也跟风了。为到达document.getElementById()的目标,jquery是这样写的:
代码
var someElement = $("#myId");
看起来比其余两个框架的要多了一个#,好,看看下面的用法:
代码
$("div p"); // (1)
$("div.container"); // (2)
$("div #msg"); // (3)
$("table a",context); // (4)
在prototype里看过这样的写法吗?第一行代码得到所有标签下的P元素。第二行代码得到class 为container的元素,第三行代码得到标签下面id为msg的元素。第四行代码得到context为高低文的table里面所有的衔接元素。
假如你熟习CSS,你会感到这些写法很眼熟!对了。恰是。看出奇妙了吧。jquery就是通过这样的方法来找到Dom对象里面的元素。跟CSS的抉择器相相似,
x卧底官方网。
二,Jquery对象? jquery供给了良多方便的函数,如each(fn),然而应用这些函数的条件是:你应用的对象是Jquery对象。使一个Dom对象成为一个Jquery对象很简略,通过下面一些方法(只是一局部):
代码
var a = $("#cid");
var b = $("hello");
var c = document.createElement("table");
var tb = contentamp;copy;;
三,取代body标签的onload 这个通例,兴许是除了$()之外,用得最多的处所了。下面一段代码:
代码
$(document).ready(function(){
alert("hello");
});(1)
<body onload="alert('hello');">(2)
上面两段代码是等价的。但代码1的利益是做到表示跟逻辑分别。并且能够在不同的js文件中做雷同的操作,即$(document).ready (fn)能够在一个页面中反复呈现,而不会矛盾。基础上Jqeury的良多plugin都是应用这个特征,正由于这个特征,多个plugin独特应用起来,在初始化时不会产生抵触。
不论怎么说,这个通例能够分别javascrīpt与HTML。推举应用。
四,事件机制 我大批应用的事件可能就是button的onclick了。以前习惯在input 元素上写onclick = "fn()",应用jquery能够使javascrīpt代码与html代码分别,坚持HTML的干净,还能够很轻松地绑定事件,甚至你能够不晓得“事件”这个名词。
代码
$(document).ready(function(){
$("#clear").click(function(){
alert("i am about to clear the table");
});
$("form[0]").submit(validate);
});
function validate(){
//do some form validation
}
五,统一函数实现set 代码
$("#msg").html();
$("#msg").html("hello");
上面两行代码,调用了同样的函数。但成果却差异很大。
第一行是返回指定元素的HTML值,第二行则是将hello这串字符设置到指定元素中。jquery的函数大局部有这样的特征。
六,ajax 这是一个ajax横行的时期。多少人,了不懂得ajax的都随着用上一把。呵。应用jquery实现ajax同样简略异样
代码
$.get("search.do",{id:1},rend);
function rend(xml){
alert(xml);
} (1)
$.post("search.do",{id:1},rend);
function rend(xml){
alert(xml);
} (2)
$("#msg").ajaxStart(function(){
this.html("正在加载。。。。");
});(3)
$("#msg").ajaxSuccess(function(){
this.html("加载实现!");
});(4)
这些都是较常用的办法,get跟post用法一样。第一个参数是异步恳求的url,第二个为参数,第三个回调方式。
3,4的方式会在指定的Dom对象上绑定响应ajax履行的事件。当然,jquery的AJAX相干的函数不仅是这些,有兴致能够去研讨再多。
七,渐入淡出 代码
$("#msg").fadeIn("fast");
$("#msg").fadeOut("slow");
没错,上面两行代码已经分辨实现了一个id为Msg的jquery对象的渐入跟淡出。做一个像Gmail一样的动态加载告诉条,用jquery就那么简略。两个函数接收的参数除了快慢等,还能够接受整型,作为渐入或淡出的实现时光,单位为MS。
八,plugin 这也是一个插件的时期。
jquery插件给我的感到清一色的干净,简略。如Jtip,要应用它的功效,只须要在你的元素的class上加上Jtip,并引入jtip.js及其款式即能够了。其余事件插件全包。我爱好jquery的一个主要起因是发明她已经有了良多很好,很出色的插件。
写得很烂。可能大家看不出jquery的利益。嗯,光听是没用的,试用一下吧。你会察觉很有趣,
�司,日文���……。
临时告一段落吧。待有新的发明再来分享。
加一些Jquery的资源:
很好的API查问站点
晓得lightBox吧,看看Jquery是怎么实现雷同的货色
良多牛的插件。
的15天教程
//不错的JQUERY 中文学习 推举
jquery起源
jQuery由美国人John Resig创立,至今已吸引了来自世界各地的众多javascript高手参加其team,包含来自德国的Jörn Zaefferer,罗马尼亚的Stefan Petre等等。
jQuery是继prototype之后又一个优良的Javascrīpt框架。其主旨是――WRITE LESS,DO MORE,写更少的代码,做更多的事件。
它是轻量级的js库(紧缩后只有21k) ,这是其它的js库所不迭的,它兼容CSS3,还兼容各种阅读器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。
jQuery是一个疾速的,简练的javaScript库,应用户能更便利地处置HTML documents、events、实现动画后果,并且便利地为网站供给AJAX交互。
jQuery还有一个比拟大的上风是,它的文档阐明很全,而且各种利用也说得很具体,同时还有很多成熟的插件可供抉择,
四 大 魔 兽。
jQuery可能应用户的html页坚持代码跟html内容分别,也就是说,不必再在html里面插入一堆js来调用命令了,只要定义id即可。
jQuery的最新release版本是1.2.6,
香港六合彩。
官方下载地址为:
微软的visual studio 2008 sp1支撑对jquery的动态提醒,只有在代码页导入对应的vsdoc脚本就能够。
目前为止,jQuery的最新版本为1.3.2