Element/Style

Type: Element

自定义类型，它的方法允许所有的Element对象使用。

Element Method: setStyle

设置一个元素的CSS属性。

语法:

myElement.setStyle(property, value);

参数:

1. property - (string) 要设置的属性。
2. value - (mixed) 属性值,当是一个数字时,并且属性需要一个单位时,自动加上'px' 。

返回:

• (element)当前元素。

例如:

//Both lines have the same effect.
$('myElement').setStyle('width', '300px'); // the width is now 300px.
$('myElement').setStyle('width', 300); // the width is now 300px.

注意事项:

• 所有的数值会自动四舍五入到最接近的整数。

Element Method: getStyle

返回指定样式.

语法:

var style = myElement.getStyle(property);

参数:

1. property - (string) 要取得的样式名。

返回:

• (string) 样式值。

示例:

$('myElement').getStyle('width'); // returns "300px".
$('myElement').getStyle('width').toInt(); // returns 300.

Element Method: setStyles

设置一组样式。

语法:

myElement.setStyles(styles);

参数:

• styles - (object) 一个包含多个属性的对象。

返回:

• (element)这个元素。

例如:

$('myElement').setStyles({
    border: '1px solid #000',
    width: 300,
    height: 400
});

Element Method: getStyles

返回一组属性.

语法:

var styles = myElement.getStyles(property[, property2[, property3[, ...]]]);

参数:

1. properties - (string)任意数量的样式名。

返回:

• (object)样式值。

示例:

$('myElement').getStyles('width', 'height', 'padding');
// returns {width: '10px', height: '10px', padding: /10px 0px 10px 0px'}