测试JavaScript框架库-jQuery

　　引用jQuery

　　如需测试JavaScript库，您需要在网页中引用它。

　　为了引用某个库，请使用<script>标签，其src属性设置为库的URL：

　　引用jQuery

　　<!DOCTYPE html>

　　<html>

　　<head>

　　<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js">

　　</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="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js">

　　</script>

　　<script>

　　function myFunction(){

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

　　}

　　$(document).ready(myFunction);

　　</script>

　　</head>

　　<body>

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

　　</body>

　　</html>