Category 战队专区

show( speed, [callback] ) 以优雅的动画显示全部匹配的元素,并在显示完毕后可选地触发一个回调函数。

hide( ) 隐藏全部的匹配元素。

hide( speed, [callback] ) 以优雅的动画隐藏全部匹配的元素,并在显示完毕后可选地触发一个回调函数

toggle( ) 切换元素的可见状态。假设元素是可见的,切换为隐藏的;假设元素是隐藏的,

切换为可见的。

slideDown( speed, [callback] ) 通过高度变化(向下增大)来动态地显示全部匹配的元素,在显示完毕后可选

地触发一个回调函数。这个动画效果仅仅调整元素的高度,能够使匹配的元素以

"滑动"的方式显示出来。

slideUp( speed, [callback] ) 通过高度变化(向上减小)来动态地隐藏全部匹配的元素。在隐藏完毕后可选地

触发一个回调函数。这个动画效果仅仅调整元素的高度,能够使匹配的元素以"滑动"

的方式隐藏起来。

slideToggle( speed, [callback] ) 通过高度变化来切换全部匹配元素的可见性,并在切换完毕后可选地触发一个回

调函数。 这个动画效果仅仅调整元素的高度。能够使匹配的元素以"滑动"的方式隐

藏或显示。

fadeIn( speed, [callback] ) 通过不透明度的变化来实现全部匹配元素的淡入效果,并在动画完毕后可选地触

发一个回调函数。

这个动画仅仅调整元素的不透明度。也就是说全部匹配的元素的

高度和宽度不会发生变化。

fadeOut( speed, [callback] ) 通过不透明度的变化来实现全部匹配元素的淡出效果,并在动画完毕后可选地触

发一个回调函数。 这个动画仅仅调整元素的不透明度。也就是说全部匹配的元素的

高度和宽度不会发生变化。

fadeTo( speed, opacity, [callback] ) 把全部匹配元素的不透明度以渐进方式调整到指定的不透明度,并在动画完毕

后可选地触发一个回调函数。 这个动画仅仅调整元素的不透明度,也就是说所

有匹配的元素的高度和宽度不会发生变化。

stop( ) 停止全部匹配元素当前正在执行的动画。

假设有动画处于队列其中,他们就会马上開始。

queue( ) 取得第一个匹配元素的动画序列的引用(返回一个内容为函数的数组)

queue( callback ) 在每个匹配元素的事件序列的末尾加入一个可运行函数,作为此元素的事件函数

queue( queue ) 以一个新的动画序列取代全部匹配元素的原动画序列

dequeue( ) 运行并移除动画序列前端的动画

animate( params, [duration], [easing], [callback] ) 用于创建自己定义动画的函数。

animate( params, options ) 创建自己定义动画的还有一个方法。作用同上。

JQuery Traversing 方法说明:

eq( index ) 从匹配的元素集合中取得一个指定位置的元素,index从0開始

filter( expr ) 返回与指定表达式匹配的元素集合,能够使用","号切割多个expr,用于实现多个条件筛选

filter( fn ) 利用一个特殊的函数来作为筛选条件移除集合中不匹配的元素。

is( expr ) 用一个表达式来检查当前选择的元素集合,假设当中至少有一个元素符合这个给定的

表达式就返回true。

map( callback ) 将jQuery对象中的一组元素利用callback方法转换其值。然后加入到一个jQuery数组中。

not( expr ) 从匹配的元素集合中删除与指定的表达式匹配的元素。

slice( start, [end] ) 从匹配元素集合中取得一个子集,和内建的数组的slice方法同样。

add( expr ) 把与表达式匹配的元素加入到jQuery对象中。

children( [expr] ) 取得一个包括匹配的元素集合中每个元素的全部子元素的元素集合。可选的过滤器

将使这种方法仅仅匹配符合的元素(仅仅包含元素节点,不包含文本节点)。

contents( ) 取得一个包括匹配的元素集合中每个元素的全部子孙节点的集合(仅仅包括元素节点,不

包含文本节点),假设元素为iframe,则取得当中的文档元素

find( expr ) 搜索全部与指定表达式匹配的元素。

next( [expr] ) 取得一个包括匹配的元素集合中每个元素紧邻的后面同辈元素的元素集合。

nextAll( [expr] ) 取得一个包括匹配的元素集合中每个元素全部的后面同辈元素的元素集合

parent( [expr] ) 取得一个包括着全部匹配元素的唯一父元素的元素集合。

parents( [expr] ) 取得一个包括着全部匹配元素的唯一祖先元素的元素集合(不包括根元素)。

prev( [expr] ) 取得一个包括匹配的元素集合中每个元素紧邻的前一个同辈元素的元素集合。

prevAll( [expr] ) 取得一个包括匹配的元素集合中每个元素的之前全部同辈元素的元素集合。

siblings( [expr] ) 取得一个包括匹配的元素集合中每个元素的全部同辈元素的元素集合。

andSelf( ) 将前一个匹配的元素集合加入到当前的集合中

取得全部div元素和当中的p元素,加入border类属性。取得全部div元素中的p元素,

加入background类属性

$("div").find("p").andSelf().addClass("border");

$("div").find("p").addClass("background");

end( ) 结束当前的操作,回到当前操作的前一个操作

找到全部p元素当中的span元素集合,然后返回p元素集合,加入css属性

$("p").find("span").end().css("border", "2px red solid");

JQuery Selectors 方法说明

基本选择器

$("#myDiv") 匹配唯一的具有此id值的元素

$("div") 匹配指定名称的全部元素

$(".myClass") 匹配具有此class样式值的全部元素

$("*") 匹配全部元素

$("div,span,p.myClass") 联合全部匹配的选择器

层叠选择器

$("form input") 后代选择器,选择ancestor的全部子孙节点

$("#main > *") 子选择器,选择parent的全部子节点

$("label + input") 临选择器,选择prev的下一个临节点

$("#prev ~ div") 同胞选择器,选择prev的全部同胞节点

基本过滤选择器

$("tr:first") 匹配第一个选择的元素

$("tr:last") 匹配最后一个选择的元素

$("input:not(:checked) + span")从原元素集合中过滤掉匹配selector的全部元素(这里有是一个临选择器)

$("tr:even") 匹配集合中偶数位置的全部元素(从0開始)

$("tr:odd") 匹配集合中奇数位置的全部元素(从0開始)

$("td:eq(2)") 匹配集合中指定位置的元素(从0開始)

$("td:gt(4)") 匹配集合中指定位置之后的全部元素(从0開始)

$("td:gl(4)") 匹配集合中指定位置之前的全部元素(从0開始)

$(":header") 匹配全部标题

$("div:animated") 匹配全部正在执行动画的全部元素

内容过滤选择器

$("div:contains('John')") 匹配含有指定文本的全部元素

$("td:empty") 匹配全部空元素(仅仅含有文本的元素不算空元素)

$("div:has(p)") 从原元素集合中再次匹配全部至少含有一个selector的全部元素

$("td:parent") 匹配全部不为空的元素(含有文本的元素也算)

$("div:hidden") 匹配全部隐藏的元素。也包含表单的隐藏域

$("div:visible") 匹配全部可见的元素

属性过滤选择器

$("div[id]") 匹配全部具有指定属性的元素

$("input[name='newsletter']") 匹配全部具有指定属性值的元素

$("input[name!='newsletter']") 匹配全部不具有指定属性值的元素

$("input[name^='news']") 匹配全部指定属性值以value开头的元素

$("input[name$='letter']") 匹配全部指定属性值以value结尾的元素

$("input[name*='man']") 匹配全部指定属性值含有value字符的元素

$("input[id][name$='man']") 匹配同一时候符合多个选择器的全部元素

子元素过滤选择器

$("ul li:nth-child(2)"),

$("ul li:nth-child(odd)"), 匹配父元素的第n个子元素

$("ul li:nth-child(3n + 1)")

$("div span:first-child") 匹配父元素的第1个子元素

$("div span:last-child") 匹配父元素的最后1个子元素

$("div button:only-child") 匹配父元素的唯一1个子元素

表单元素选择器

$(":input") 匹配全部的表单输入元素,包含全部类型的input, textarea, select 和 button

$(":text") 匹配全部类型为text的input元素

$(":password") 匹配全部类型为password的input元素

$(":radio") 匹配全部类型为radio的input元素

$(":checkbox") 匹配全部类型为checkbox的input元素

$(":submit") 匹配全部类型为submit的input元素

$(":image") 匹配全部类型为image的input元素

$(":reset") 匹配全部类型为reset的input元素

$(":button") 匹配全部类型为button的input元素

$(":file") 匹配全部类型为file的input元素

$(":hidden") 匹配全部类型为hidden的input元素或表单的隐藏域

表单元素过滤选择器

$(":enabled") 匹配全部可操作的表单元素

$(":disabled") 匹配全部不可操作的表单元素

$(":checked") 匹配全部已点选的元素

$("select option:selected") 匹配全部已选择的元素

JQuery CSS 方法说明

css( name ) 訪问第一个匹配元素的样式属性。

css( properties ) 把一个"名/值对"对象设置为全部匹配元素的样式属性。

$("p").hover(function () {

$(this).css({ backgroundColor:"yellow", fontWeight:"bolder" });

}, function () {

var cssObj = {

backgroundColor: "#ddd",

fontWeight: "",

color: "rgb(0,40,244)"

}

$(this).css(cssObj);

});

css( name, value ) 在全部匹配的元素中,设置一个样式属性的值。

offset( ) 取得匹配的第一个元素相对于当前可视窗体的位置。

返回的对象有2个属性,

top和left。属性值为整数。

这个函数仅仅能用于可见元素。

var p = $("p:last");

var offset = p.offset();

p.html( "left: " + offset.left + ", top: " + offset.top );

width( ) 取得当前第一匹配的元素的宽度值。

width( val ) 为每一个匹配的元素设置指定的宽度值。

height( ) 取得当前第一匹配的元素的高度值,

height( val ) 为每一个匹配的元素设置指定的高度值。

JQuery Utilities 方法说明

jQuery.browser

.msie 表示ie

jQuery.browser.version 读取用户浏览器的版本号信息

jQuery.boxModel 检測用户浏览器针对当前页的显示是否基于W3C CSS的盒模型

jQuery.isFunction( obj ) 检測传递的參数是否为function

function stub() { }

var objs = [

function () {},

{ x:15, y:20 },

null,

stub,

"function"

];

jQuery.each(objs, function (i) {

var isFunc = jQuery.isFunction(objs[i]);

$("span:eq( " + i + ")").text(isFunc);

});

jQuery.trim( str ) 清除字符串两端的空格,使用正則表達式来清除给定字符两端的空格

jQuery.each( object, callback ) 一个通用的迭代器,能够用来无缝迭代对象和数组

jQuery.extend( target, object1, [objectN] ) 扩展一个对象,改动原来的对象并返回,这是一个强大的实现继承的

工具。这样的继承是採用传值的方法来实现的,而不是JavaScript中的

原型链方式。

合并settings和options对象,返回改动后的settings对象

var settings = { validate: false, limit: 5, name: "foo" };

var options = { validate: true, name: "bar" };

jQuery.extend(settings, options);

合并defaults和options对象,defaults对象并没有被改动。

options对象中的值

取代了defaults对象的值传递给了empty。

var empty = {}

var defaults = { validate: false, limit: 5, name: "foo" };

var options = { validate: true, name: "bar" };

var settings = $.extend(empty, defaults, options);

jQuery.grep( array, callback, [invert] ) 通过一个筛选函数来去除数组中的项

$.grep( [0,1,2], function(n,i){

return n > 0;

});

jQuery.makeArray( obj ) 将一个类似数组的对象转化为一个真正的数组

将选取的div元素集合转化为一个数组

var arr = jQuery.makeArray(document.getElementsByTagName_r("div"));

arr.reverse(); // use an Array method on list of dom elements

$(arr).appendTo(document.body);

jQuery.map( array, callback ) 使用某个方法改动一个数组中的项。然后返回一个新的数组

jQuery.inArray( value, array ) 返回value在数组中的位置,假设没有找到,则返回-1

jQuery.unique( array ) 删除数组中的全部反复元素。返回整理后的数组

Copyright © 2088 竞技暴风-网游赛事活动中心 All Rights Reserved.
友情链接