征战jQuery

一：jQuery的用途

      1》.访问 和 操作 DOM元素

      2》.控制 页面样式 

      3》.对页面事件的处理

      4》.方便的使用jQuery插件

      5》.与Ajax技术的完美结合 

二：jQuery的优势

       jQuery主旨：wirte less，do more（以更少的代码，实现更多的功能）

      1，轻量级

      2，强大的选择器

      3，出色的DOM封装

      4，可靠的事件处理机制

      5，出色浏览器 兼容

      6，隐式迭代

      7，丰富的插件支持

三：页面加载：window.onload 和$(document).ready()的区别

       执行时机：前者必须等待 网页中所有的内容加载完毕后 才能执行，后者 网页中所有 DOM文档结构绘制完毕即可执行 ，可能与DOM相关联的元素并没有加载完成

       编写个数：前者 只能编写 一个，后者能 输入多个

       前者无简化写法 ，后者有。

四：jQuery语法结构 

      $(document).ready(...)分为三大部分  工厂 函数 ，选择器和方法

      语法$(selector).action();

五：DOM对象与JQuery对象的相互 转换

     A：使用$()进行 转换

       var txtName = document.getElementById("id");  获得dom对象         

       var $txt = $(txtName)   转换 为jQuery对象

        在事件中 经常使用$(this) ,this指触发该事件的名称

     B：jQuery对象类似于数组对象可通过[index]的方法的都相应的DOM对象

          var $txtName = $("#id");                   --jQuery对象

          var txtName = $txtName[0]　　         --DOM对象

                 通过get(index)方法得到相应的DOM对象 

          var $txtName = $("#id");              --jQuery对象

           var txtName = $txtName.get(0)     --DOM对象