jQuery学习笔记 第二天

hwb198229

jQuery对象访问：
1 each(calllback) 以每一个匹配的元素作为上下文来执行一个函数。
    --callback   对于每个匹配的元素所要执行的函数
    eg:迭代两个图像，并设置它们的 src 属性。注意:此处 this 指代的是 DOM 对象而非jQuery对象。

      HTML 代码:
     <img/><img/>jQuery 代码:
     $("img").each(function(i){
     this.src = "test" + i + ".jpg";
     });
    结果:
    [ <img src="test0.jpg" />, <img src="test1.jpg" /> ]
    如果你想得到 jQuery对象，可以使用 $(this) 函数。
2 size()返回jQuery对象中元素的个数
   eg:
   计算文档中所有图片数量
   HTML 代码:
   <img src="test1.jpg"/> <img src="test2.jpg"/>jQuery 代码:
   $("img").size();
   结果:
   2
3 同size()
  eg: $("img").length;
4 selector
  返回传给jQuery()的原始选择器
   eg：确定查询的选择器
   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])

5 context
  返回传给jQuery()的原始的DOM节点内容，即jQuery()的第二个参数。如果没指定，那么context指向当前的文档（document)。
   eg:
   检测使用的文档内容
    jQuery 代码:
   $("ul")
     .append("<li>" + $("ul").context + "</li>")
     .append("<li>" + $("ul", document.body).context.nodeName + "</li>");
    结果:
    [object HTMLDocument]  //如果是IE浏览器，则返回[object]
    BODY

6 get()取得所有匹配的DOM元素集合
   eg：
   选择文档中所有图像作为元素数组，并用数组内建的 reverse 方法将数组反向。

   HTML 代码:
   <img src="test1.jpg"/> <img src="test2.jpg"/>jQuery 代码:
   $("img").get().reverse();结果:
   [ <img src="test2.jpg"/> <img src="test1.jpg"/> ]

7 get(index)取得其中一个匹配的元素。index表示去得第几个匹配的元素
   eg：取得第 index 个位置上的元素
   HTML 代码:
  <img src="test1.jpg"/> <img src="test2.jpg"/>jQuery 代码:
  $("img").get(0);
  结果:
  [ <img src="test1.jpg"/> ]

8 index(subject)
  搜索与参数表示的对象匹配的元素，并返回相应元素的索引值
  --subject 要搜索的对象
  eg:返回ID值为foobar的元素的索引值。
   HTML 代码:
   <div id="foobar"><div></div><div id="foo"></div></div>
  jQuery 代码:
   $("div").index($('#foobar')[0])  // 0
   $("div").index($('#foo')[0])  // 2
   $("div").index($('#foo'))  // -1