jquery对象访问

补充上一节
$("<div>",{text:"点击我",click:function(){alert(1);}}).appendTo('body');
<>可以动态创建一个元素


迭代两个图像，并设置它们的 src 属性。注意:此处 this 指代的是 DOM 对象而非 jQuery 对象。
$("img").each(function(i){
      this.src = "test" + i + ".jpg";
      });

  <img/><img/>
如果你想得到 jQuery对象，可以使用 $(this) 函数。
$("img").each(function(){
  $(this).toggleClass("example");
});
<img class="example"/><img/>

size()

jQuery 对象中元素的个数。

这个函数的返回值与 jQuery 对象的' length' 属性一致。

示例

计算文档中所有图片数量

HTML 代码:

<img src="test1.jpg"/> <img src="test2.jpg"/>

jQuery 代码:

$("img").size();

结果:

2

context

jQuery 1.3新增。返回传给jQuery()的原始的DOM节点内容，即jQuery()的第二个参数。如果没有指定，那么context指向当前的文档(document)。

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

---

New in jQuery 1.3 The DOM node context originally passed to jQuery() (if none was passed then context will be equal to the document).

Should be used in conjunction with selector to determine the exact query used. These two properties are mostly useful to plugin developers.

返回值

HTMLElement

示例

检测使用的文档内容

jQuery 代码:

$("ul")
.append("<li>" + $("ul").context + "</li>")
.append("<li>" + $("ul", document.body).context.nodeName + "</li>");

结果:

[object HTMLDocument] //如果是IE浏览器，则返回[object]
BODY

get([index])

取得所有匹配的 DOM 元素集合。

这是取得所有匹配元素的一种向后兼容的方式（不同于jQuery对象，而实际上是元素数组）。

如果你想要直接操作 DOM 对象而不是 jQuery 对象，这个函数非常有用。

index表示可以取得第几个元素,下标从0开始

alert($('li').index(document.getElementByIdx_x_x('bar'))); //1，传递一个DOM对象，返回这个对象在原先集合中的索引位置
alert($('li').index($('#bar'))); //1，传递一个jQuery对象 
alert($('li').index($('li:gt(0)'))); //1，传递一组jQuery对象，返回这个对象中第一个元素在原先集合中的索引位置 
alert($('#bar').index('li')); //1，传递一个选择器，返回#bar在所有li中的做引位置 
alert($('#bar').index()); //1，不传递参数，返回这个元素在同辈中的索引位置。
<ul>
      <li id="foo">foo</li>
      <li id="bar">bar</li>
      <li id="baz">baz</li> 
  </ul>