-prop()

prop(name|properties|key,value|fn),获取在匹配的元素集中的第一个元素的属性值。

参数name 描述:

//选中复选框为true,没选中为false
$("input[type='checkbox']").prop("checked");

参数properties 描述:

//禁用页面上的所有复选框。
 $("input[type='checkbox']").prop({
  disabled: true
});

参数key,value 描述:

//禁用和选中所有页面上的复选框。
 $("input[type='checkbox']").prop("disabled", false);
$("input[type='checkbox']").prop("checked", true);

参数key,回调函数 描述:

//通过函数来设置所有页面上的复选框被选中。
 $("input[type='checkbox']").prop("checked", function( i, val ) {
  return !val;
});
-removeProp()

removeProp(name),用来删除由.prop()方法设置的属性集。

描述:

//设置一个段落数字属性,然后将其删除。
var $para = $("p");
$para.prop("luggageCode", 1234);
$para.append("The secret luggage code is: ", String($para.prop("luggageCode")), ". ");
$para.removeProp("luggageCode");
$para.append("Now the secret luggage code is: ", String($para.prop("luggageCode")), ". ");
-:focus

触发每一个匹配元素的focus事件。

这将触发所有绑定的focus函数,注意,某些对象不支持focus方法。

描述:

//当页面加载后将 id 为 'login' 的元素设置焦点:
$("#login:focus");
-is()

is(expr|obj|ele|fn),根据选择器、DOM元素或 jQuery 对象来检测匹配元素集合,如果其中至少有一个元素符合这个给定的表达式就返回true。

参数expr 描述:

//由于input元素的父元素是一个表单元素,所以返回true。                
$("input[type='checkbox']").parent().is("form")

回调函数 描述:

//判断点击li标签增加背景色为红色,如果点击的是第2个strong,当前的li增加背景色为绿色,             
$("li").click(function() {
  var $li = $(this),
    isWithTwo = $li.is(function() {
      return $('strong', this).length === 2;
    });
  if ( isWithTwo ) {
    $li.css("background-color", "green");
  } else {
    $li.css("background-color", "red");
  }
});
-closest()

closest(expr,[con]|obj|ele),从元素本身开始,逐级向上级元素匹配,并返回最先匹配的元素。

描述:

//展示如何使用clostest查找多个元素                
$("li:first").closest(["ul", "body"]);

描述:

//展示如何使用clostest来完成事件委托             
 $(document).bind("click", function (e) {
    $(e.target).closest("li").toggleClass("hilight");
});
-nextUntil()

nextUntil([exp|ele][,fil]),查找当前元素之后所有的同辈元素,直到遇到匹配的那个元素为止。

描述:

//给#term-2后面直到dt前的元素加上红色背景
$('#term-2').nextUntil('dt').css('background-color', 'red');
      
var term3 = document.getElementById("term-3");
$("#term-1").nextUntil(term3, "dd").css("color", "green");
-parentsUntil()

parentsUntil([exp|ele][,fil]),查找当前元素的所有的父辈元素,直到遇到匹配的那个元素为止。

描述:

//查找item-a的祖先,但不包括level-1           
$('li.item-a').parentsUntil('.level-1')
    .css('background-color', 'red');
-prevUntil()

prevUntil([exp|ele][,fil]),查找当前元素之前所有的同辈元素,直到遇到匹配的那个元素为止。

描述:

//给#term-2前面直到dt前的元素加上红色背景               
$('#term-2').prevUntil('dt').css('background-color', 'red');
-undelegate()

undelegate([sel,[type],fn]),删除由 delegate() 方法添加的一个或多个事件处理程序。

描述:

//从p元素删除由 delegate() 方法添加的所有事件处理器:                
$("p").undelegate();
从p元素删除由 delegate() 方法添加的所有click事件处理器:
$("p").undelegate( "click" )
从form元素删除由 delegate() 方法添加的".whatever"命名空间:
var foo = function () {
  //.....
};
//用delegate() 方法给click事件增加".whatever"命名空间
$("form").delegate(":button", "click.whatever", foo);
$("form").delegate("input[type='text']", "keypress.whatever", foo); 

// 用undelegate()方法删除delegate()方法增加的".whatever"命名空间
$("form").undelegate(".whatever");
-$.map()

jQuery.map(arr|obj,callback),将一个数组中的元素转换到另一个数组中。

描述:

//将原数组中每个元素加 4 转换为一个新数组。    
$.map( [0,1,2], function(n){
  return n + 4;
});

描述:

//原数组中大于 0 的元素加 1 ,否则删除。      
$.map( [0,1,2], function(n){
  return n > 0 ? n + 1 : null;
});

描述:

//原数组中每个元素扩展为一个包含其本身和其值加 1 的数组,并转换为一个新数组。     
$.map( [0,1,2], function(n){
  return [ n, n + 1 ];
});
-deferred.promise()

deferred.promise([type],[target]),返回一个 Promise 对象用来观察当某种类型的所有行动绑定到集合,排队与否还是已经完成。

描述:

//一个集合上使用promise,而没有动画解决的promise。              
var div = $( "" );

div.promise().done(function( arg1 ) {
  // will fire right away and alert "true"
  alert( this === div && arg1 === div );
});
-jdeferred.always()

jdeferred.always(alwaysCallbacks,[alwaysCallbacks]),当递延对象是解决或拒绝时被调用添加处理程序。

描述:

//jQuery.get()方法返回一个来自一个延迟的对象的jqXHR对象,我们可以附加一个成功和错误使用deferred.always()方法的回调。      
$.get("test.php").always( function() { 
  alert("$.get completed with success or error callback arguments"); 
} );
返回顶部 前端专题