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"); } );