关于add的使用

来源：6-2 事件绑定与取消-on（下）

Sieg_

2019-02-22 17:45:00

老师,请问, 如果说我有很多元素需要绑定的话,是不是像这样子用?

$('a').add(document).add('div').add('input').add(..).add............on({
    mouseover: function(){....},
    click : function(){....},
    focus: function(){...},
.....
});

写回答

2回答

山河远阔ZZ

2019-02-22

已采纳

同学你好，你的实现方式也是可以实现的，如果你想给某个元素里面的所有子元素都绑定一个事件的话，可以直接给父元素添加事件。

例如：

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
    </script>
    <script>
    $(document).ready(function() {
        $("#box").on("click", function() {
            console.log(1)
        })
    });
    </script>
</head>

<body>
    <div id="box">
        <h1>欢迎</h1>
        <p>一个P元素。</p>
        <p>另一个P元素。</p>
        <span>一个span元素。</span>
        <span>一个span元素。</span><br><br>
    </div>
</body>

</html>

可以测试一下哦，如果帮助到了你，欢迎采纳。

祝学习愉快！

hieg_

h 如果一个大元素里的n多个不同的小元素绑定对应n多个不同的方法的话应该怎么用呢?

h019-02-22

共1条回复

山河远阔ZZ

2019-02-24

同学你好，也可以通过on绑定多个方法，参考下图：