close

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>

arrow
arrow
    文章標籤
    jQuery javascript
    全站熱搜
    創作者介紹
    創作者 小甲學習地 的頭像
    小甲學習地

    學習資訊部落

    小甲學習地 發表在 痞客邦 留言(0) 人氣()