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(){……});的缩写形式，二者功能完全一致。

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

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

 6.jQuery代码的注释

单行注释采用//的方式

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

posted on 2015-09-02 22:21  帅胡  阅读(188)  评论(0)  编辑  收藏  举报

导航