日期:2014-05-16  浏览次数:20834 次

Jquery核心(二) $(...) jQuery Object Accessors
jQuery对象访问器

[1] each( callback )      Returns: jQuery
      callback :  Function 每个匹配的元素要执行的回调函数。
      说明:  让每个匹配的元素执行该回调函数。this指向匹配的DOM元素,而不是jQuery对象。另外,回调参数有一个以0开始的整型参数,可以标志运行函数的DOM元素在匹配元素集合中的下标。(用return false结束循环,用return true跳出本次循环,作用如break,continue)。本方法与$.each()不一样,$.each()可以遍历诸如数组及一般的对象。
     
$("span").click(function () {
      $("li").each(function(i){
           $(this).toggleClass("example");
      });
});


[2] size( )       Returns: Number
     
      说明:  返回jQuery对象中元素的个数。该方法和jQuery对象的length属性返回相同的结果。然而,该方法的执行效率没有length属性高,所以建议用length属性。
     
$(document.body).click(function () { $(document.body).append($("<div>"));
var n = $("div").size();
$("span").text("There are " + n + " divs." + "Click to add more.");}).click(); 
// trigger the click to start


[3] length       Returns: Number
     
      说明:  返回jQuery对象中元素的个数。
     
 $(document.body).click(function () {
      $(document.body).append($("<div>"));
      var n = $("div").length;
      $("span").text("There are " + n + " divs." +
                     "Click to add more.");
    }).trigger('click'); // trigger the click to start



[4] selector      Returns: String
     
      说明:  jQuery 1.3中新增的属性。以字符串形式返回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      Returns: Element
     
      说明:  jQuery 1.3中新增的属性。返回jQuery()中传入参数的DOM节点上下文(如果没有传入,则下下文为document)。应与seletor属性一起使用以确定一个精确的查找对象。context与seletor两个属性对于插件开发人员来说非常有用。
     
 $("ul")
  .append("<li>" + $("ul").context + "</li>")
  .append("<li>" + $("ul", document.body).context.nodeName + "</li>");


        * [object HTMLDocument]
        * BODY


[6] eq( position )       Returns: jQuery
      position :  Number 将被选择的元素的下标。
      说明:  将匹配的元素集合减少到一个。position[ 0,length-1 ]。如果传入一个超出范围的下标,