Juery hello world
Jquery 是一种新的技术吗?很显然不是,我觉得jquery是一种新的方法,它简化了web开发中客户端的开发,如使用Dom来遍历HTML 和Ajax 操作。Jquery 是由 john resig 所创建的。如果想看jquery 作者是怎样的,可以访问其个人主页。
接下来让我们写一个jquery的hello world 例子,来看jquery是怎么工作的。
第一步 下载jquery 库
Jquery是一个小于20kb的JavaScript文件,你可以下载它从jquery 官方网站。
第二步 html+jquery
创建一个简单的html 文件(test.html),然后像普通的JavaScript文件一样的处理,包含下载下载的jquery 库文件。
<html>
<head>
<title>jQuery Hello World</title>
<scripttype="text/javascript"src="jquery-1.2.6.min.js"></script>
</head>
<body>
<scripttype="text/javascript">
$(document).ready(function(){
$("#msgid").html("This is Hello World by JQuery");
});
</script>
This is Hello World by HTML
<divid="msgid">
</div>
</body>
</html>
结果:
$()表明这是jquery语法,并且接下来的脚本的意思是当DOM 元素准备被加载或已经加载完成,执行jquery 脚本用来动态的创建一条信息,并把它附加到id为msgid 的html标签。
$(document).ready(function(){
$("#msgid").html("This is Hello World by JQuery");
});
. .