jQuery总结

            jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“writeLess，DoMore”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

1、JQuery对象

约定jQuery对象要在变量前面加上$。

jQuery对象就是通过jQuery包装DOM对象后产生的对象。

jQuery对象是jQuery独有的。

jQuery对象无法使用DOM对象的任何方法，同样DOM对象也不能使用jQuery里的任何方法

2、jQuery优势

 

3、jQuery对象转DOM对象

//jQuery转DOM
        //jQuery对象是一个数组对象
        $("#msg")[0];

        //使用jQuery中的get(index)方法
        $("#msg").get(0);

        //DOM转jQuery
        //$()把DOM对象包装起来即可实现
        $(document.getElementById("msg"));


        //简洁的写法
        $("#id")   //document.getElementById("id")
        $("tagName")  //document.getElementsByTagName("tagName")

        //完善的事件处理机制

        //使用DOM对象
        //若在网页中没有id为“id”的元素，浏览器会报错。
        //document.getElementById("id").style.color="red";
        //需要先判断document.getElementById("id")是否存在

        if(document.getElementById("id"))
           document.getElementById("id").sty.color="red";

               //使用jQuery对象      
           //使用jQuery获取网页中元素及时不存在页也不会报错。
           $("#id").css("color","red");