一、
JS简单设置样式:
var obj = document.getElementById('div');
obj.style.cssText = "width:100px; height:100px;";
二、
jquery设置样式的几种方法:
1、直接设置所有匹配元素的css属性:
$(selector).css(name,value)
$(student).css(color,red)
2、$(selector).css(name,value)中把value用函数来替换,使用函数来设置css属性。
$(selector).css(name,function(index,value))
$("button").click(function(){ $("p").
css("color",function(){return "red";}) ; });
3、设置多个 CSS 属性/值对
$(selector).css({property:value, property:value, ...})
$("p").css({"color":"white","background-color":"#98bf21", "font-family":"Arial", "font-size":"20px","padding":"5px"});
4、简单获取css属性值:
用法:.css("样式")。
<div id ="testDiv" ,style="text-align:center">
</div>
alert($("#testDiv").css("text-align"));
5、数组:数组实际上就是一组值的列表:
var myarr = ['red', 'blue', 'purple' ]; //定义了一个数组
6、JavaScript中的对象:
var student = {
color: red,
occupation: 1
}; //定义对象的属性
var dog = {
name: 'Tom',
talk: function () {alert("WOW!");
}
};//因为函数本身也是一种数据,所以对象的属性也可以是函数
7、访问对象的属性,有两种方式:
点号法:dog.name;
中括号法:dog['name'];
对象的属性也可以是对象:
var student = {
color: 'red',
occupation: 1tako: {
sgjwv: 2,
sakhd:3
}
};
访问对象的属性的方法:
student.tako.sgjwv; 输出:2
或者可以使用 :
studengt['tako'].sgiwv
中括号和点法可以混用,
但只有中括号可以允许通过变量来获取属性:
var stu = 'sgiwv'; //属性名在运行时被定义
student.tako['stu']; //输出2
8、JS中允许对对象的属性和方法进行修改:
var abc = { };
//定义一个空对象
abc.name = 'Tom';
添加了name属性
abc.dosomething = function(){
alert("Hello");
} ; //添加了一个方法
9、this
当引用this值的时候,实际上引用的就是“这个对象”或者“当前对象”
var abc = { };
//定义一个空对象
abc.name = 'Tom';
添加了name属性
abc.dosomething = function(){
return this.name;
} ; //输出为Tom