一. 儲備知識
$是jQuery的核心函數，jQuery的核心功能都是通過這個函數實作的。
$的四個作用：
| 作用 | |
|---|---|
| $(function(){}) | 相當于window.onload = function() {} |
| $(“html字元串”) | 根據這個html字元串建立元素節點對象 |
| $(“選擇器”) | 根據選擇器查找元素節點對象 |
| $(DOM對象) | 将DOM對象包裝為jQuery對象 |
注意：
- 為了區分jQuery對象和dom對象，通常在jQuery對象的變量名前加$以示差別
- document三個方法擷取的對象就是dom對象，通過$(dom對象)可以将dom對象包裝成jQuery對象
二. 例子
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="lib/jquery-1.7.2.js"></script>
<script type="text/javascript">
//相當于window.onload = function(){}
$(function(){
//為了區分JQuery對象和Dom對象，推薦jQuery對象的變量名以$開頭
//根據選擇器查找指定id的元素節點對象
var $bjEle = $("#bj");
alert($bjEle.text());
var bjEle = document.getElementById("bj");
alert("dom對象：" + bjEle);
alert("jQuery對象：" + $(bjEle));
});
</script>
</head>
<body>
<ul>
<li id="bj">北京</li>
<li>上海</li>
<li>廣州</li>
<li>深圳</li>
</ul>
</body>
</html>
![2.CSS入門基礎1什麼是CSS2選擇器3美化網頁元素4.盒子模型5浮動6.定位7.動畫8總結[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)