一. jQuery的基礎(chǔ)知識(shí)
-
源文件
jQuery文件
min是壓縮過的版本。
區(qū)別：在開發(fā)過程中，我們使用未壓縮的版本，或者壓縮的。
項(xiàng)目上線的時(shí)候，我們要使用壓縮過的版本。 - 版本問題
- 1.***版本 jQuery-1.11.1.js
- 2.***版本 不再支持IE6,7,8
- 引包
- 我們要把jQuery源文件拿到我們項(xiàng)目里面來
- 在我們的頁面中引用jQuery源文件
jQuery引用
4 問題
問題
如果遇到這種問題，那肯定是沒有引用我們的jQuery源文件。
用jQuery之前，先引入jQuery，然后，再去寫我們的jQuery代碼。
二.jQuery基本使用
1 入口函數(shù)
//方法一
$(document).ready(function () {
})
//方法二
$(function () {
})
2 事件處理程序
1)事件源
//js方式
document.getElementById("id")
//jQuery方式
$(" #id ")
2)事件
//js方式
document.getElementById("id").onclick
//jQuery方式
$(" #id ").click
3)事件處理程序
//Js 書寫方式:
document.getElementById(“id”).onclick = function(){
// 語句
}
//jQuery方式
$("#id").click(function(){
//語句
})
案例演示（當(dāng)點(diǎn)擊按鈕時(shí)，隱藏div）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style type="text/css">
div{
height: 200px;
background-color: aqua;
}
</style>
<script src="js/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function () {
$("#bt").click(function () {
$("div").hide();
});
});
</script>
</head>
<body>
<input type="button" value="點(diǎn)擊" id="bt">
<div>
</div>
</body>
</html>
