2017-09-15
摘抄自W3school-jQuery 簡(jiǎn)介
希望幫助自己系統(tǒng)地打好基礎(chǔ)，也能在做筆記的同時(shí)添加一些自己額外的收獲。
jQuery 庫可以通過一行簡(jiǎn)單的標(biāo)記被添加到網(wǎng)頁中
jQuery 庫 - 特性
jQuery 是一個(gè) JavaScript 函數(shù)庫
jQuery 庫包含以下特性：
- HTML 元素選取
- HTML 元素操作
- CSS 操作
- HTML 事件函數(shù)
- JavaScript 特效和動(dòng)畫
- HTML DOM 遍歷和修改
- AJAX
- Utilities
向你的頁面添加 jQuery 庫
jQuery 庫位于一個(gè) JavaScript 文件中，其中包含了所有的 jQuery 函數(shù)。
可以通過下面的標(biāo)記把 jQuery 添加到網(wǎng)頁中：
<head>
<script type="text/javascript" src="jquery.js"></script>
</head>
注意：<script>標(biāo)簽應(yīng)該位于頁面的<head>部分
基礎(chǔ)jQuery實(shí)例
本例演示了jQuery的hide()函數(shù)，隱藏了HTML文檔中所有的 <p> 元素
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button type="button">Click me</button>
</body>
</html>
庫的替代
Google 和 Microsoft 對(duì) jQuery 的支持都很好
如果不愿意在自己的計(jì)算機(jī)上存放 jQuery 庫，那么可以從 Google 或 Microsoft 加載 CDN jQuery 核心文件
使用 Google 的CDN
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs
/jquery/1.4.0/jquery.min.js"></script>
</head>
使用 Microsoft 的CDN
<head>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery
/jquery-1.4.min.js"></script>
</head>
