js06

接着我们继续学习一些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 等等

   各对象之间并非相互独立的，而是有联系的。

猜你喜欢