jQuery 簡單介紹
阿新 • • 發佈：2018-11-12
jQuery 簡單介紹
jQuery的定義
jQuery是一個快速，小巧，功能豐富的JavaScript庫。它通過易於使用的API在大量瀏覽器中執行，使得 HTML文件遍歷和操作，事件處理，動畫和Ajax更加簡單。通過多功能性和可擴充套件性的結合，jQuery改變 了數百萬人編寫JavaScript的方式。
jQuery 中 98% 的都是方法 只有兩個屬性: 索引和 length
為什麼要使用jQuery?
window.onload 事件有事件覆蓋的問題，因此只能寫一個事件。 •程式碼容錯性差。 •瀏覽器相容性問題。 •書寫很繁瑣，程式碼量多。 •程式碼很亂，各個頁面到處都是。 •動畫效果很難實現。
jQuery的下載
https://jquery.com/ 下載對應的jQuery https://www.bootcdn.cn/ 通過cdn的方式引入 https://www.npmjs.com/ npm 包管理器下載(未來講)
JQuery的使用
引包
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="box" class="box"></div>
<!--引包-->
<script type="text/javascript" src="jQku/jquery-3.3.1.js"></script>
</body>
</html>
jQuery的入口函式
<!--入口函式 文件載入完成之後 會呼叫-->
$(document).ready(function(){})
<!--等待圖片載入完成之後 才執行-->
$(window).ready(function(){})
<!--簡便寫法 文件載入完成之後 會呼叫-->
$(function(){})
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script>
// // window.onload會有事件覆蓋
// window. onload = function(){
// alert(1)
// }
// window.onload = function(){
// alert(2)
// }
</script>
</head>
<body>
<script src="jQku/jquery-3.3.1.js"></script>
<script>
// 不會覆蓋
// $(document).ready(function(){
// alert(1);
// });
// $(document).ready(function(){
// alert(2);
// });
</script>
</body>
</html>