[閒聊] jQuery

作者: laechan (揮淚斬馬雲)   2018-11-10 22:20:20
這東西我剛摸,不是很懂,不過已經能寫一些東西。
首先,可以先去下載以下的東西
http://code.jquery.com/jquery-2.2.3.min.js
或是以下的東西
http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js
它們其實大同小異,重點是下載下來之後,放到特定目錄,我通常就
放在與寫 jQuery 的網頁檔相同的目錄,然後存檔為 jquery.min.js
這時網頁檔的前頭部份就可以這樣寫
<script src="jquery.min.js"></script>
可以當成是 #include "jquery.min.js" 或 import jquery.min.js
的意思,js 檔其實內容就一般的文字檔。
(這意思就是說,某些自己常用的東西其實也可以編成這類的檔案)
然後就可以寫以下的東西:
<script type="text/javascript">
$(document).ready(function(){
$("#test").click(function(){
alert("hello world!");
});
});
<a id="test" href="">click me</a>
</script>
上面的 html 檔以瀏覽器打開後,會看到 click me 的超連結,
點擊它(click),就會跳出一個 hello world! 的小視窗。
上面那一大串其實可以用更直覺的寫法如下:
<script type="text/javascript">
function clickme()
{
alert("hello world!");
}
<a href="" onclick="clickme()'>click me</a>
</script>
作用是一樣的,不過它們之間有著決定性的幾個微妙差異,而其
差異之一就是我想要的東西

Links booklink

Contact Us: admin [ a t ] ucptt.com