js06--函数库jq与prototype

接着我们继续学习一些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";
    }
    onload=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 等等
    
    各对象之间并非相互独立的，而是有联系的。