JavaScript測試jQuery

whm156377發表於2020-03-17
JavaScriptjQuery

　　測試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>


　　<script>


　　function myFunction(){


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


　　}


　　$(document).ready(myFunction);


　　</script>


　　</head>


　　<body>


　　<h1 id="h01"></h1>


　　</body>


　　</html>


來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/69926583/viewspace-2680927/，如需轉載，請註明出處，否則將追究法律責任。

相關文章