jQuery

lecturer:琪雅

OUTLINE

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>

透過 Google CDN，加入jQuery 到html的檔案內。

錢記號 $ 是 jQuery 的物件，使用 $("") 就是用 jQuery 來選取元素。

$() 也可以改寫成用 jQuery()

.後面就是用來做一些事情。

$("div").addClass("special"); 
jQuery("div").addClass("special");
//上面兩行是一樣的

.slideUp() ->上滑
.slideDown() -> 下滑

.fadeOut() -> 淡出
.fadeIn() -> 淡入

.hide() -> 隱藏
.show() -> 顯示

漸變

滑動

在網頁開啟完成後馬上執行的程式

用 $() 取得 document 物件，接著使用 ready() 帶入一個函數，就可以在網頁開啟後馬上執行。

$(document).ready(function() {  
  alert('您好，歡迎來到 我的網頁 ～');  
});

$(function() {  
  alert('您好，歡迎來到 我的網頁');  
});

也可以用下面這種語法，意思是一樣的