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(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方法。
描述:
//当页面加载后将 id 为 'login' 的元素设置焦点:
$("#login:focus");
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(expr,[con]|obj|ele),从元素本身开始,逐级向上级元素匹配,并返回最先匹配的元素。
描述:
//展示如何使用clostest查找多个元素
$("li:first").closest(["ul", "body"]);
描述:
//展示如何使用clostest来完成事件委托
$(document).bind("click", function (e) {
$(e.target).closest("li").toggleClass("hilight");
});
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([exp|ele][,fil]),查找当前元素的所有的父辈元素,直到遇到匹配的那个元素为止。
描述:
//查找item-a的祖先,但不包括level-1
$('li.item-a').parentsUntil('.level-1')
.css('background-color', 'red');
prevUntil([exp|ele][,fil]),查找当前元素之前所有的同辈元素,直到遇到匹配的那个元素为止。
描述:
//给#term-2前面直到dt前的元素加上红色背景
$('#term-2').prevUntil('dt').css('background-color', 'red');
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");
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([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(alwaysCallbacks,[alwaysCallbacks]),当递延对象是解决或拒绝时被调用添加处理程序。
描述:
//jQuery.get()方法返回一个来自一个延迟的对象的jqXHR对象,我们可以附加一个成功和错误使用deferred.always()方法的回调。
$.get("test.php").always( function() {
alert("$.get completed with success or error callback arguments");
} );