JS中的style对象与jQuery中的css()方法类比

Posted by luoway on September 30, 2015

JavaScript中使用的style对象

w3school: HTML DOM Style 对象

1.给对象的样式属性赋值

document.getElementById("id").style.property="value"

2.添加css样式

document.getElementById("id").style.cssText="
    border:1 solid #0B2565;
    background-color:white;
    color:black;
    text-align='center';"

CSS语法:text-align

对应JavaScript语法:textAlign,即小驼峰式

在css中有一个特殊的属性其js使用方法比较特殊。这个特殊的属性就是:float

我们不能直接使用obj.style.float来使用,这样操作是无效的。

其正确的使用方法是为:IE:obj.style.styleFloat,其他浏览器:obj.style.cssFloat

jQuery中使用的css()方法

w3school: jQuery CSS 操作 - css() 方法

单项内容css()有两个参数

$("p").css("color","red");

多项内容css()参数为JSON对象

$("p").css({
    "color":"red",    
    "padding":"5px"
});

3种编程命名规则

1.匈牙利命名

开头字母用变量类型的缩写,其余部分要求单词第一个字母大写。

eg. long lSum = 0; “l”是类型的缩写;

2.小驼峰式

第一个单词首字母小写,后面其他单词首字母大写。

eg. var firstName = 123;

3.大驼峰式 每个单词的第一个字母都大写;

eg. string FirstName = string.Empty();