jQuery基础学习1

标准HTML文件引入jQuery库方法：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

	<head>

		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

		<title></title>

		<!-- 引入 jQuery -->

		<script src="../scripts/jquery.js" type="text/javascript"></script>

		<script type="text/javascript">

			//等待dom元素加载完毕.

			$(document).ready(function(){

				alert("Hello World!");

			});

		</script>

	</head>

	<body>

	</body>

</html>

1. 在jQuery库中，$就是jQuery的一个简写形式，$("#foo")和jQuery("#foo")是等价的，$.ajax和jQuery.ajax是等价的。

2.$(document).ready(function(){……});这个方法类似于传统的JavaScript中的window.onload方法；$(document).ready()函数中的所有代码都将会提前(只要DOM在浏览器中被注册完毕)被执行，而不是在页面所有内容(例如图片等占用带宽的内容)完全加载完毕之后才执行事件；它允许用户在第一眼看到元素的时候，就能立即看到元素产生的影藏效果、显示效果和其他效果。

3.$(document).ready()函数可以在代码中被反复调用。

4.$(function(){……});是$(document).ready(function(){……});的缩写形式，二者功能完全一致。

jQuery基础学习1

5.引入外部css文件的方式

<link rel="stylesheet" href="css/default.css" type="text/css" />

6.jQuery代码的注释

单行注释采用//的方式

多行注释采用/*……*/的方式

秒客网

jQuery基础学习1

相关文章