[ jQuery ] 認識jQuery與建立jQuery程式

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>

小甲學習地

學習資訊部落

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

全站分類：進修深造
個人分類： jQuery

▲top

請先登入以發表留言。

學習資訊部落

歡迎光臨，來到學習天地。本部落以學習為主。

參觀人氣

學習資訊部落

歡迎光臨，來到學習天地。 本部落以學習為主。