您的位置：首页 > Web前端 > JQuery

jQuery Hello World Example 翻译2

2014-09-27 23:10 375 查看
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");

});


 

 

 

. .
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  jquery翻译
相关文章推荐
新的分享
章节导航