jQuery是一套JavaScript的涵數庫,讓我們能輕鬆建立特效、動畫、事件處理、Ajax和漂亮的使用介面,加速Web應用程式的開發。
下載
jQuery官網: https://jquery.com/
jQuery版本連結: https://blog.jquery.com/category/jquery/
jQuery的基本架構
$(document).ready(function(){
....放入語法
});
=>另一種寫法
function addColorClass(){
....放入語法
}
jQuery(document).ready(addColorClass);
建立jQuery語法如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>建立一個JQuery</title>
<style type="text/css">
.red{color:red;}
.blue{color:blue;}
</style>
</head>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script language="javascript">
$(document).ready(function(){
$('#list').addClass('red');
$('#list li:last').addClass('blue');
})
</script>
<body>
<ol id="list">
<li>你好</li>
<li>什麼</li>
<li>快樂</li>
</ol>
</body>
</html>
留言列表