Blogger Information
Blog 31
fans 1
comment 5
visits 29366
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
JS创建对象jquery的id、class选择器选择元素,$.each遍历数组-2019-10月23号作业
零度 的博客
Original
973 people have browsed it

对象创建

实例

 <script>
        var obj = Object();
        obj.name = 'admin';
        obj.func = function() {
            return '我是对象中的方法';
        }
        console.log(obj.func());
        var obj2 = {};
        obj2.name = 'administrator';
        obj2.func = function() {
            return '我是第二种对象的方法';
        }
        console.log(obj2.func());

        var obj3 = {
            name: 'adminadmin',
            func: function(num1, num2) {
                return num1 + num2;
            },
            pwd: 'pwd'
        }
        console.log(obj3.func(2, 8));
 </script>

运行实例 »

点击 "运行实例" 按钮查看在线实例

1.jpg

数组循环

实例

  <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>

    <script>
 // .each 数组循环函数
        var arr = ['a', 'b', 'c', 'e', 'f', 'g'];
        $.each(arr, function(i, v) {
            //如果I大于1停止遍历=索引大于1停止往下遍历 注意关键词false
            // if (i > 1) {
            //     return false;
            // }
            //如果值等于a或者f 把a和f删除 注意关键词a
            if (v == 'a' || v == 'f') {
                return true;
            }
            console.log('索引' + i + '值' + v);
        })
    </script>

运行实例 »

点击 "运行实例" 按钮查看在线实例

3.jpg2.jpg

 JQ基本选择器

实例

 <script>
// JQ基本选择器的原理, 感觉有点意思就写一写

        function $(num) {
            var num1 = num.substr(0, 1);
            if (num1 == '.') {
                //document.getElementsByClassName()class选择器,Elements注意S 他是数组形式
                return document.getElementsByClassName(num.substr(1, num.length - 1));
            }
            if (num1 == '#') {
                // ocument.getElementById()ID选择器
                return document.getElementById(num.substr(1, num.length - 1));
            }
        }
        res = $('.name');
        console.log(res);
        ress = $('#div');
        console.log(ress);
    </script>

运行实例 »

点击 "运行实例" 按钮查看在线实例

4.jpg


总结:

结束符写多了,把对象那个属性方法要用逗号分开的格式写成平时一直敲的结束符(;),写了才知道脑子想的有时候跟敲出来的不一样

这些都比较简单,但是还是得多敲,ajax那里我就想不起那个是对象格式{username:username,xxxxx,xxx,xxxx}

就是下面这一段代码

实例

 var obj3 = {
            name: 'adminadmin',
            func: function(num1, num2) {
                return num1 + num2;
            },
            pwd: 'pwd'
        }

运行实例 »

点击 "运行实例" 按钮查看在线实例


Correction status:qualified

Teacher's comments:遍历对象还有其它方式, 试试看
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
1 comments
零度 2019-11-01 11:45:05
js的另一种对象写法—{方法/属性:值 ,方法/属性:值} 这个格式的冒号(赋值)和n个方法/属性之间的逗号(分隔符正常的是用;(语句结束符))这两点得牢记
1 floor
Author's latest blog post