快速业务通道

MooTools教程(7):设置和获取样式表属性

作者 佚名技术 来源 网页制作 浏览 发布时间 2012-03-07

注意:实际上,属性选择器也可以不需要单引号,除非属性名中有连接符“-”,比如在“background-color”中,为了保持简单,给每个属性选择器都加上单引号更容易一些。

同时也要注意:属性值可能更灵活多变一些(比如“100px”或者“#eeeeee”)。除了字符串(一个只有字母的串,我们会在以后的教程中更深入地讲解这个),你也可以传入数字(这可能在大多数情况下会被解释为px)或者变量而不需要引号:

参考代码: [复制代码] [保存代码]
  1. // 这个把变量firstBackgroundColor的值设置为字符串(STRING)''#eeeeee''
  2. var firstBackgroundColor = ''#eeeeee'';
  3.  
  4. // 你可以把一个变量传递给另外一个变量 
  5. // 这使得变量backgroundColor的值也等于字符串(string)''#eeeeee''
  6. var backgroundColor = firstBackgroundColor;
  7.  
  8. // 这个把变量divWidth的值设置为数字(NUMBER)500
  9. var divWidth = 500;
  10.  
  11. $(''body_wrap'').setStyles({
  12.     // 在这种情况下,变量名是不需要用引号包围起来的
  13.     ''width'': divWidth,
  14.     // 数字也一样,不需要引号包围
  15.     ''height''1000,
  16.     // 另外一个变量
  17.     ''background-color'': backgroundColor,
  18.     // 字符串就是用单引号引起来的一系列字符组成的串
  19.     ''color''''black''
  20. });

.getStyles();

这个方法可以让你一次获得多个样式属性。这个和我们看到的上面的略有一些不同,因为它包含了多个数据集,每个数据集有一个键(key,属性名)和一个值(value,属性值)。这个数据集叫做对象,.getStyles();方法可以非常容易地把多个属性值放入这些对象中,并可以很简单地把它们取回来。

参考代码: [复制代码] [保存代码]
  1. // 首先为你的对象定义一个变量
  2. // 然后创建一个选择器
  3. // 然后把.getStyles添加到你的选择器
  4. // 然后创建一个用逗号分隔开的样式属性列表 
  5. // 确保每个属性都在一个单引号中
  6. var bodyStyles = $(''body_wrap'').getStyles(''width''''height''''background-color''); 
  7.  
  8. // 首先我们创建一个对象来保存这个属性值
  9. // 然后我们通过指定的属性的名(键)来得到一个值
  10. // 把属性名放在两个方括号[]之间
  11. // 并确保属性名已经用单引号引起来了
  12. var bgStyle = bodyStyles[''background-color''];

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号