前端之JS(五)

版权声明:学而不思则罔,思而不学则殆 https://blog.csdn.net/qq_34481670/article/details/87921585

一、

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: 1

            tako: {

                        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

猜你喜欢

转载自blog.csdn.net/qq_34481670/article/details/87921585