博客列表 >10月23日JS创建对象属性、方法及jquery

10月23日JS创建对象属性、方法及jquery

张大千的博客
张大千的博客原创
2019年10月24日 14:45:32649浏览

1、练习JS创建对象、属性、方法。

    <script>

        //创建对象,属性和方法

        var obj = new Object();

        obj.rand = function() {

            console.log(Math.random());//打印随机数

        }

        obj.rand();  //打印方法

        obj.name = 'php';//创建属性

        console.log(obj.name);//打印属性

        obj.sum = function(a, b) {

            return a + b;

        }

        alert(obj.sum(50, 60));

//第二种创建对象属性和方法。

        var obj2 = {

            name: 'php',

            rand: function() {

            },

            sum: function() {

            }

        };

    </script>

2、jquery的id、class选择器选择元素,$.each遍历数组

    <div id='div' style="width: 300px; height: 300px; background-color: chartreuse;"></div>

    <script>

        function aa() {

            //第一种写法{}

            // $('#div').css({

            //     'width': '400px',

            //     'height': '400px',

            //     'background': '#ff0000'

            // });

            //第二种写法

            $('#div').css('width', '400px');

        }

    </script>

    <button onclick="aa()">点击一下div变大小</button>

3、$.each遍历数组

    <script>

        var aa = ['张三', '李四', '王五', '赵六'];

        $.each(aa, function(i, n) {

            console.log(i + ':' + n);

        })

    </script>

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议