jQuery 1.8中，当你使用CSS属性在css()或animate()中，我们将根据浏览器自动加上前缀(在适当的时候)，比如("user-select", "none"); 在Chrome/Safari浏览器中我们将设置为"-webkit-user-select", Firefox会使用"-moz-user-select", IE10将使用"-ms-user-select".

 

参数

nameStringV1.0

要访问的属性名称

nameArrayV1.9

一个或多个CSS属性组成的一个数组

propertiesMapV1.0

要设置为样式属性的名/值对

name,valueString, NumberV1.4

属性名,属性值

name,function(index, value)String,FunctionV1.0

1:属性名

2:此函数返回要设置的属性值。接受两个参数，index为元素在对象集合中的索引位置，value是原先的属性值。

示例

 

参数name 描述:

取得第一个段落的color样式属性的值。

jQuery 代码: $("p").css("color"); 参数properties 描述:

将所有段落的字体颜色设为红色并且背景为蓝色。

jQuery 代码: $("p").css({ "color": "#ff0011", "background": "blue" }); 参数name,value 描述:

将所有段落字体设为红色

jQuery 代码: $("p").css("color","red"); 参数name,回调函数 描述:

逐渐增加div的大小

jQuery 代码: $("div").click(function() { $(this).css({ width: function(index, value) { return parseFloat(value) * 1.2; }, height: function(index, value) { return parseFloat(value) * 1.2; } }); });

 

（4）JQuery操作事件

——blur([[data],fn])

概述

当元素失去焦点时触发 blur 事件。

这个函数会调用执行绑定到blur事件的所有函数，包括浏览器的默认行为。可以通过返回false来防止触发浏览器的默认行为。blur事件会在元素失去焦点的时候触发，既可以是鼠标行为，也可以是按tab键离开的

 

参数

fnFunctionV1.0

在每一个匹配元素的blur事件中绑定的处理函数。

[data],fnString,FunctionV1.4.3

data:blur([Data], fn) 可传入data供函数fn处理。

fn:在每一个匹配元素的blur事件中绑定的处理函数。

 

示例   描述:

触发所有段落的blur事件

jQuery 代码: $("p").blur(); 描述:

任何段落失去焦点时弹出一个 "Hello World!"在每一个匹配元素的blur事件中绑定的处理函数。

jQuery 代码:

$("p").blur( function () { alert("Hello World!"); } );

 

（5）JQuery操作展示效果

——toggle([speed],[easing],[fn])

概述

用于绑定两个或多个事件处理器函数，以响应被选元素的轮流的 click 事件。 如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。

参数

fn,fn2,[fn3,fn4,...]Function,....V1.0

fn:第一数次点击时要执行的函数。

fn2:第二数次点击时要执行的函数。

fn3,fn4,...:更多次点击时要执行的函数。

[speed] [,fn]String,FunctionV1.0

speed: 隐藏/显示 效果的速度。默认是 "0"毫秒。可能的值：slow，normal，fast。"

fn:在动画完成时执行的函数，每个元素执行一次。

[speed], [easing ], [fn ] String,String,FunctionV1.4.3

speed: 隐藏/显示 效果的速度。默认是 "0"毫秒。可能的值：slow，normal，fast。"

easing:(Optional) 用来指定切换效果，默认是"swing"，可用参数"linear"

fn:在动画完成时执行的函数，每个元素执行一次。

switch BooleanV1.3

用于确定显示/隐藏的开关。如：true - 显示元素，false - 隐藏元素

示例   无参数描述:

对表格切换显示/隐藏

jQuery 代码: $('td).toggle(); fn,fn2描述:

对表格的切换一个类

jQuery 代码: $("td").toggle( function () { $(this).addClass("selected"); }, function () { $(this).removeClass("selected"); } ); speed 描述:

用600毫秒的时间将段落缓慢的切换显示状态

jQuery 代码: $("p").toggle("slow"); speed,fn 描述:

用200毫秒将段落迅速切换显示状态，之后弹出一个对话框。

jQuery 代码: $("p").toggle("fast",function(){ alert("Animation Done."); }); switch参数描述: