jQuery对象访问

一、each(callback)
    以每一个匹配元素作为上下文来执行一个函数。
    意味着，每次执行传递进来的函数时，函数中的this关键字都指向一个不同

dom元素（每次都是一个不同的匹配元素）。
而且，在每次执行函数时，都会给函数传递一个表示作为执行环境的元素在匹配

元素集合所处位置的数字值作为参数（从零开始的整型）。返回'false'将停止循

环（就像在普通的循环中使用'break'）。返回‘true’调至下一个循环（就像在

普通的循环中使用‘continue’）。
    参数：
    callback：对每个匹配元素所要执行的函数。
    jQuery示例：
      一、描述：迭代两个图像，并设置它们的src属性。注意：此处this指代的

是dom对象而非jQuery对象。
    html代码：
      <img /><img />
    jQuery代码：
       $("img").each(function(){
            this.src="test"+i+."jpg";
          });
     结果：[<img src="test()0.jpg" />,<img src="test1.jpg" /> ]
      二、如果你想得到jQuery对象，可以使用$(this）函数。
    html代码：
        <button>Change colors</button>
        <span></span>
        <div></div>
        <div></div>

        <div></div>
        <div></div>
        <div id="stop">Stop here</div>
        <div></div>
         
         <div></div>
         <div></div>
      jQuery代码：
        $("img").each(function(){
             $(this).toggleClass("example");
           });
      二、描述：你可以使用'return'来提前跳出each()循环。
    html代码：
       <button>Change colors</button>
       <span></span>
       <div></div>
       <div></div>
       
        <div></div>
        <div></div>
        <div id="stop">Stop here</div>
        <div></div>

         <div></div>
         <div></div>
     jQuery代码：
        $("button").click(function(){
            $("div").each(function(index,domEle)){
               //comEle== this
              $(domEle).css("backgroundColor","yellow");
                  if($(this).is("#stop")){
                  $("span").text("Stopped at div index #" + index ) ;
                  }
                 }
              });


二、size()
    jQuery 对象中元素的个数。
    这个函数的返回值与jQuery对象的'length'属性一致。
  jQuery示例：
       描述：计算文档中所有图片数量
    html代码：
       <img src="test1.jpg" /><img src="test2.jpg" />
     jQuery代码：
        $("img").size();
       结果：2

三、length()
    jQuery对象中元素的个数。
    当前匹配元素的个数。size将返回相同的值。
     jquery示例：
      计算文档中所有图片数量
    html代码：
      <img src="test1.jpg" /><img src="test2.jpg" />
    jQuery代码：
       $("img").length;
   结果：2


四、selector
     jQuery 1.3新增。返回传给jQuery（）的原始选择器。
     换句话说，就是返回你用什么选择器来找到的这个元素的。可以与context

一起使用，用于精确检测选择器查询情况。这里这两个属性对插件开发人员很有

用。
      jQuery示例：
       描述：确定查询的选择器
       jQuery代码：
          $("ul")
            .append("<li>"+$("ul").selector+"</li>")
            .append("<li>"+$("ul li").selector+"</li>")
            .append("<li>"+$("div#foo ul:not([class])").selector

+"</li>");
        结果：
         ul
         ul li
        div#foo ul:not([class])

五、context
     jQuery 1.3 新增。返回传给jQuery的原始的dom节点内容，即jquery（）的

第二个参数。如果没有指定，按摩context指向当前的文档（document）。
     可以与selector一起使用，用于精确检测选择器查询情况。这两个属性对插

件开发人员很有用。
    jQuery示例：
        描述：检测使用的文档内容
        $("ul")
        .append("<li>"+$("ul").context+"</li>")
        .append("<li>"+$("ul",document.body).context.nodeName+"</li>");
        结果：
         【object HtmlDocument】//如果是ie浏览器则返回[object]
          BODY


六、get()
     取得所有匹配的dom元素集合。
     这是取得所有匹配元素的一种向后兼容的方式（不同于jquery对象，而实际

上是元素数组）。
     如果你想要直接操作dom对象而不是jQuery对象，这个函数非常有用。
     jQuery示例：
         html代码：
      <img src="test1.jpg" /><img src="test2.jpg" />
         jQuery代码：
      $("img").get().reverse();
          结果：
       【<img src="test2.jpg" /><img src="test1.jpg" />】

七、get(index)
    取得其中一个匹配的元素。num表示取得第几个匹配的元素。
    着能够让你选择一个实际的dom元素并且对他直接操作，而不是通过jQuery函

数。$(this).get(0)与$(this)[0]等级。
     参数：
     index：取得第index个位置上的元素。
    html代码：
     <img src="test1.jpg" /><img src="test2.jgp" />
    jQuery代码：
      $("img").get(0);
      结果：
     【<img src="test1.jpg" />】

八、index([subject])
     搜索匹配的元素，并返回相应元素的索引值，从0开计数。
    如果不给，index()方法传递参数，那么返回值就是这个jquery对象集合中第

一个元素相对于其同辈元素的位置。
    如果参数是一组dom元素或者jQuery对象，那么返回值就是传递的元素相对于

原先集合的位置。
    如果参数是一个选择器，那么返回值就是原先元素相对于选择器匹配元素中

的位置。如果找不到匹配的元素，则返回-1.
   参数；
      subject(可选):要搜索的对象；
    jQuery示例
     描述：查找元素的索引值
     html代码：
       <ul>
        <li id="foo" >foo</li>
        <li id="bar" >bar</li>
        <li  id="baz" >baz</li>
        </ul>
      jQuery代码：
       $('li').index(document.getElementById('bar'));//1，传递一个dom对

象，返回这个对象在原先集合中的索引位置
      $('li').index($('#bar'));1,传递一个jQuery对象
      $("li").index($("li:gt(0)"));1,传递一组jQuery对象，返回这个对象中

第一个元素在原先集合中的索引位置
      $('#bar').index('li');//1,传递一个选择器，返回#bar所有li中的索引

位置
     $('#bar').index();//1,不传递参数，返回这个元素在同辈中的索引位置。