　　測試JavaScript框架庫-jQuery

　　引用jQuery

　　如需測試JavaScript庫，您需要在網頁中引用它。

　　為了引用某個庫，請使用<script>標籤，其src屬性設定為庫的URL：

　　引用jQuery

　　<!DOCTYPE html>

　　<html>

　　<head>

　　<script src="

　　</script>

　　</head>

　　<body>

　　</body>

　　</html>

　　jQuery描述

　　主要的jQuery函式是$()函式（jQuery函式）。如果您向該函式傳遞DOM物件，它會返回jQuery物件，帶有向其新增的jQuery功能。

　　jQuery允許您透過CSS選擇器來選取元素。

　　在JavaScript中，您可以分配一個函式以處理視窗載入事件：

　　JavaScript方式：

　　function myFunction(){

　　var obj=document.getElementById("h01");

　　obj.innerHTML="Hello jQuery";

　　}

　　>

　　等價的jQuery是不同的：

　　jQuery方式：

　　function myFunction(){

　　$("#h01").html("Hello jQuery");

　　}

　　$(document).ready(myFunction);

　　上面程式碼的最後一行，HTML DOM文件物件被傳遞到jQuery：$(document)。

　　當您向jQuery傳遞DOM物件時，jQuery會返回以HTML DOM物件包裝的jQuery物件。

　　jQuery函式會返回新的jQuery物件，其中的ready()是一個方法。

　　由於在JavaScript中函式就是變數，因此可以把myFunction作為變數傳遞給jQuery的ready方法。

　　lamp jQuery返回jQuery物件，與已傳遞的DOM物件不同。jQuery物件擁有的屬性和方法，與DOM物件的不同。您不能在jQuery物件上使用HTML DOM的屬性和方法。

　　測試jQuery

　　請試一下下面這個例子：

　　例項

　　<!DOCTYPE html>

　　<html>

　　<head>

　　<script src="

　　</script>

　　function myFunction(){

　　$("#h01").html("Hello jQuery")

　　}

　　$(document).ready(myFunction);

　　</script>

　　</head>

　　<body>

　　</body>

　　</html>

JavaScript測試jQuery

相關文章