jQuery包装集

Dom转jQuery包装集

（1）构造包装集含有一个id是testDiv的元素的方法

      $("#testDiv");

（2）获取一个DOM元素的方法

    var div=document.getElementById("testDiv");

（3）将以上定义的div转化成jQuery包装集的方法

    var domToJqueryObject=$(div);

（4）jQuery包装集转DOM对象

    jQuery包装集是一个集合，所以我们通过索引器访问其中的某一元素：
    var domObject=$("#testDiv")[0];

  但使用的时候要注意一点：通过索引器返回的不再是jQuery包装集, 而是一个Dom对象!jQuery包装集的某些遍历方法,比如each()中, 可以传递遍历函数, 在遍历函数中的this也是Dom元素,比如:$("#testDiv").each(function() { alert(this) })如果我们要使用jQuery的方法操作Dom对象,怎么办? 用上面介绍过的转换方法即可:

  $("testDiv").each(function(){$(this).html("修改内容")})

（5）"$"符号在jQuery中代表对jQuery的引用，“jQuery”是核心对象，其中包含下列方法:
     （1）jQuery( expression, context )
          Returns:jQuery
         这个函数接收一个CSS选择器的字符串，然后用这个字符串去匹配一组元素。
     （2）jQuery( html, ownerDocument )
          Returns:jQuery
         根据HTML原始字符串动态创建Dom元素.
     （3）jQuery( elements )
          Returns:jQuery

         将一个或多个Dom对象封装jQuery函数功能(即封装为jQuery包装集)
     （4）jQuery( callback )

         Returns:jQuery
 $(document).ready()的简写方式