接著我們繼續學習一些js的知識，這里主要講js的一些庫jq與prototype的一些基礎。

1.jq函數
?? ?$():向其傳遞DOM對象，返回jQuery對象
?? ?
?? ?jq允許通過CSS選擇器來選取元素
?? ?
?? ?$(document).ready(myFunction):
?? ?向jQuery傳遞DOM對象時，jQuery會返回以HTML DOM對象包裝的jQuery對象
?? ?jQuery 函數會返回新的 jQuery 對象，其中的 ready() 是一個方法
?? ?
?? ?jq函數返回 jQuery 對象，與已傳遞的 DOM 對象不同。jQuery 對象擁有的屬性和方法
?? ?與 DOM 對象的不同。
?? ?您不能在 jQuery 對象上使用 HTML DOM 的屬性和方法
?? ?
2.例子

js方式：function myFunction(){var obj=document.getElementById("h01");obj.innerHTML="Hello JQuery";}οnlοad=myFunction;jq方式：function myFunction(){$("#h01").html("Hello JQuery");}$(document).ready(myFunction);

????
3.jq鏈式語法：在同一個對象上執行多個任務

$("#h01").attr("style","color:red").html("Hello JQuery");

????
4.prototype：
?? ?與jq不同，Prototype會向瀏覽器及HTML DOM添加擴展

?? ?引入prototype：

<script src="http://ajax.googleapis.com/ajax/libs/prototype/1.7.1.0/prototype.js"></script>

????
5.prototype方式：

function myFunction(){$("h01").insert("Hello Prototype");}Event.observe(window,"load",myFunction);

????
6.Event.observe()接受3個參數：
??? 您希望處理的 HTML DOM 或 BOM（瀏覽器對象模型）對象
??? 您希望處理的事件
??? 您希望調用的函數
?? ?
7.js對象參考：http://www.w3school.com.cn/jsref/index.asp
?? ?js對象：Array Boolean Date Math Number String RegExp Global
?? ?browser對象: Window Navigator History Screen Location
?? ?HTML DOM對象: document?? ?Body Event Form 等等
?? ?
?? ?各對象之間并非相互獨立的，而是有聯系的。

轉載于:https://www.cnblogs.com/kuai-man/p/10724981.html

總結

以上是生活随笔為你收集整理的js06--函数库jq与prototype的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。