在jquery中可以用哪个方法为元素添加事件

jquery中添加事件

$(item).click(function(){}) //点击事件

$(item).hover(function(){}) //鼠标经过事件

$(item).mousemove(function(){}) //鼠标移动事件

但是给动态创建的元素添加事件就得使用on

$(document).on("click","item",function(){})

第一种方法：在HTML元素当中绑定事件

<div class="wrap" onclick="show()">绑定事件一</div>

<script type="text/javascript">

    function show() {

        alert('绑定事件一')

    }

</script>

第二种方法：

<div class="wrap" id="btn">绑定事件一</div>

<script type="text/javascript">

    var btnEle = document.querySelector('#btn')

    btnEle.onclick = show

    function show() {

        alert('绑定事件一')

    }

</script>

参考资料：《JavaScript事件 详细讲解》

第三种方法：

<div class="wrap" id="btn">绑定事件一</div>

<script type="text/javascript">

    var btnEle = document.querySelector('#btn')

    btnEle.addEventListener('click', show, !1)

    function show() {

        alert('绑定事件一')

    }

</script>

参考资料：《说说JavaScript的事件绑定方法并举例》

---