博主信息
博文 32
粉丝 1
评论 5
访问量 36148
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
JS创建对象jquery的id、class选择器选择元素,$.each遍历数组-2019-10月23号作业
零度 的博客
原创
1190人浏览过

对象创建

实例

 <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'
        }

运行实例 »

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


批改状态:合格

老师批语:遍历对象还有其它方式, 试试看
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
1条评论
零度 2019-11-01 11:45:05
js的另一种对象写法—{方法/属性:值 ,方法/属性:值} 这个格式的冒号(赋值)和n个方法/属性之间的逗号(分隔符正常的是用;(语句结束符))这两点得牢记
1楼
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学