lecturer:琪雅
document ready 事件
<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('您好,歡迎來到 我的網頁'); });
也可以用下面這種語法,意思是一樣的
By q8745912