The wued-d2d-camp from weaver-design

有关 each() 方法和 index 索引值的问题

下方代码是给div添加样式并在某一个div处设置条件赋予 “return false” 来
停止循环。

问题一：为什么.each(function(i)中的i不用声明就可以使用，它是一个形参吗，为什么默认就是div的索引值？

问题二：参考代码中的domEle是一个实参吗，他和我用的$(this)有区别吗。另外我把$(this).css 改成 this.css就不行了，this取得是一个dom对象，css不就是它的属性吗？

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <!-- jQuery (V1.11.0) -->
    <script src="/new/libs/jquery/jquery.min.js"></script>
    <style>
        div {
            width: 400px;
            background-color: aquamarine;
            height: 170px;
        }
    </style>
</head>
<body>
    <!-- <img>
    <img> -->
    <button>start</button>
    <span></span>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div id="stop" ></div>
    <div></div>
    <script>
        // $('img').each(function(i){
        //     var e = i+1
        //     this.src = '../images/img_3trends_' + e + '.png' 
        // })

        $('button').click(function(){
            $('div').each(function(i){
                $(this).css('backgroundColor','yellow');

                if($(this).is('#stop')){
                    $('span').text('Stopped at div index' + i);
                    return false;
                }
            })
        })
        
        //下方为参考代码
        // $("button").click(function () {
        //     $("div").each(function (index, domEle) {
        //         // domEle == this 
        //         $(domEle).css("backgroundColor", "yellow");
        //         if ($(this).is("#stop")) {
        //             $("span").text("Stopped at div index #" + index);
        //             return false;
        //         }
        //     });
        // });
    </script>
</body>
</html>

在我们对网页进行修改后，如何保证用户在访问时看到的是最新的效果

一般我们在对网页进行代码或者链接资源修改后，需要清除浏览器缓存，再刷新页面才能看到最新、正确的效果。但是，对清除缓存这一操作不熟悉的用户，就无法看到正确的页面效果，这个问题怎么解决？

为什么 WUED 数组中的每项是个花括号？

var WUXD = [
      {
        name: '照照',
        age: 18
      },
      {
        name: '平江',
        age: 18
      },
      {
        name: '杨柳',
        age: 18
      },
      {
        name: '红雨',
        age: 17
      },
      {
        name: '双双',
        age: 18
      }
  ];

💯 好奇怪，有人告诉我吗？求助 @jack-g-chen @GitHuboooSHY @blankyl @kangshuang

weaver-design / wued-d2d-camp Goto Github PK

wued-d2d-camp's People

Contributors

Stargazers

Watchers

wued-d2d-camp's Issues

有关 each() 方法和 index 索引值的问题

在我们对网页进行修改后，如何保证用户在访问时看到的是最新的效果

为什么 WUED 数组中的每项是个花括号？

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent