请问老师click()方法与onclick()方法在实际使用中有区别吗。

是不是所有按钮优先用onclick()方法，我在网上查了一下，但是没怎么看明白。

梦幻安迪 2018-07-10

源自：jQuery DOM操作 3-9 修改元素样式(width（）、innerWidth()、outerWidth（）)

收起

1回答

樱桃小胖子 2018-07-10 18:39:11

1、onclick是绑定的事件(它是一个事件)，该事件绑定只是javaScript中有，jQuery中并没有此事件，作用是告诉浏览器在鼠标点击时候要做什么

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <script type="text/javascript">
	    function mouse() {
	        alert('我是一级标题!');
	    }
    </script>
</head>
<body>
    <h1 onclick="mouse()">标题</h1>
</body>
</html>

2.click方法(jquery中的)作用是触发onclick事件，只要执行了元素的click()方法，就会触发onclick事件，click()方法的主要作用是触发调用click方法元素onclick事件,实际上就是模拟了鼠标的点击动作。此外，如果在click括号内定义了其他可执行语句，则click方法会在执行完onclick事件之后执行括号内部的语句。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
    <script type="text/javascript">
	    $(function() {
	        $("#btn").click(function() {
	            alert("我是一个可以被点击的按钮");
	        });
	    });
    </script>
</head>
<body>
    <input type="button" value="我可以被点击" id="btn" />
</body>
</html>

可以简单的理解为在jq中实现点击效果使用click()方法，在原生js中实现点击效果使用onclick点击事件。也可以将click()方法理解为是jq中模仿或者是代替原生js中的onclick事件的。

希望可以帮到你！

收起回答