JQuery 代码的编写
程序员文章站
2022-07-03 18:48:13
...
先说一下编码前的的准备事宜。
1.获取jQuery的最新版本
2.jQuery库类xing4的说明
3.jQuery
4.在页面中引入jQuery（这的需要解释一下，他在引用时使用的是相对路径，在实际项目中需要调整jquery库的路径。
在编写的页面代码中<head>标签引入jQuery库后，就可以使用jQuery库了，程序如下；
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 STRICT//EN‘
" http://www.w3.org/TR/xhtm11DTD/XHTML1-strict.dtd>"
<html>
<head>
<!--在head标签内 引入jQuery -->
<script src=' ../scripts/jquery--1.3.1.js' type='text/javascript'>
</script>
</head>
<body>
</body>
</html>
）
下面开始编写简单的jQuery；
注意：在开始写第一个程序之前，要知道一些只是，在jQuery库中，$就是jQuery的简写形式，例如$('#00')和jquery（‘#00’）是等价的，$.ajax和jquery.ajax是等价的。
下面看看格式；
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 STRICT//EN‘
" http://www.w3.org/TR/xhtm11DTD/XHTML1-strict.dtd>"
<html>
<head>
<!--在head标签内 引入jQuery -->
<script src=' ../scripts/jquery--1.3.1.js' type='text/javascript'>
</script>
<script type = 'text/javascript'>
$(domcument).ready(function(){
alert('Hello World!')
})
</script>
</head>
<body>
</body>
</html>
看看结果啊；
就是 Hello World
还有个要注意的
$(document).ready(function(){
})
这段代码与javaS中 window.onload方法有些区别。
（1）window 必须等待网页所有内容加载完才能执行，$(document)没有这个限制。
（2）window 不能同时编写多个，$(document)可以同事编写多个
（3）$(document).ready（）可以简写
$(document).ready(function(){
//.....
})
简写
$(function(){
//....
})