首页 > 代码库 > 征战jQuery

征战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对象

 

征战jQuery