jquery是javaScript的一個封裝庫，封裝的意思就是將內容整合，簡單化。例如需要很多行js代碼才能實現的功能，用jquery就用幾行或者一行代碼就能完成。
使用jquery，首先要下載一個jquery庫，文檔的附件中含有jquery文件，可以自行下載，這裏用的是最新版本3.2
將下載的jquery文件和自己編寫html文件放在同一位置
兩個jquery文件，實際我們用min（壓縮）版就好了，另外一個給你看下而已。
在我們之前的代碼中加入
<script src="jquery-3.2.0.min.js"></script>
表示引入那個jquery壓縮版文件。那麼我們在頁面中就可以使用jquery了
我們修改一下之前的代碼，li標籤裏面不需要onclick了。script裏面的代碼也改下。改成以下樣子
<html>
<head>
<title>ul li</title>
</head>
<style>
ul li{
list-style:none;
float:left;
margin-right:20px;
}
#menu{
width:1200px;
margin:0 auto;
}
</style>
<body>
<div id="menu">
<ul>
<li>首頁</li>
<li>個人主頁</li>
<li>消息中心</li>
<li>充值中心</li>
<li>會員中心</li>
</ul>
<br/>
<hr/>
</div>
</body>
</html>
<script src="jquery-3.2.0.min.js"></script>
<script type="text/javascript">
$(function(){
$("#menu li").click(function(){
alert($(this).html());
})
})
</script>代碼解析
1、script裏面首先是$(function(){ 代碼 })，意思是在頁面加載完之後，執行裏面的代碼。
2、$("#menu li").click( 代碼 )，意思是當id爲menu 下的 li標籤被點擊時，執行裏面的代碼。
3、function(){alert($(this).html());}，這是一個方法，方法的內容是alert出當前元素的html內容。
注意，上面得大括號，小括號，都是配對出現。不要寫漏。
以上代碼簡單實現了上一篇的功能。
jquery有很多事件，效果。可以參考 http://jquery.cuishifeng.cn/
下面我們來做一下跳頁
1、
首先我們做另外一個頁面，放在同一目錄下
2、
裏面的代碼內容就簡單寫點
<html> <head> <title>首頁</title> </head> <body> 這是首頁內容 </body> </html>
保存好。
3、
在li標籤裏面加入a標籤
效果如下
<li><a href="index.html">首頁</a></li>
刷新頁面，點擊一下首頁試試
發現會彈個框，再跳轉，那麼我們現在把彈框刪除。
把頁面中的以下代碼全部刪除。
<script type="text/javascript">
$(function(){
$("#menu li").click(function(){
alert($(this).html());
})
})
</script>現在再點擊就正常多了
下面總結一下，
讀完這篇應該知道以下知識
1、引入jquery
<script src="jquery-3.2.0.min.js"></script>
2、知道以下的代碼會在加載完執行
$(function(){代碼})3、知道<a>標籤可以進行頁面跳轉