jQuery 使用的时候，不要用es6的函数写法，否则很容易出错

 <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>


    <div class="box">
        <p>ddsddsdf
            dsfdsfds
        </p>
        <button>bind</button>
        <input type="text" class="field">
    </div>

    <script>
        $(() => {
            // $('.field').change(() => {
            //     console.log(this)
            //     // es6 的语法会改变指针的位置， winwow上下文， 所以最佳实践就是
            //     // jQuery中我们 就实用function 
            //     $(this).css("background-color", "red")
            // })

            $(function () {
                $('.field').change(function () {
                    $(this).css('background-color', 'red')
                })
            })

        });
    </script>

es6 函数的指针，指向上下文，而jQuery 内部已经处理了this 指针问题， 指向选中对象对应的jQuery 对象！

其实就是遗留问题嘛， js 编译语言的遗留指针问题！