把e換成this點擊就無反應了,怎么樣讓this起作用呢?標粗位置
<!DOCTYPE html>
<html>
<head>
? ? <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
? ? <title></title>
? ? <style>
? ? .test2 {
? ? ? ? background: #bbffaa;
? ? }
? ? .test3 {
? ? ? ? background: yellow;
? ? }
? ? .test2,.test3{
? ? ? ? border: 1px solid red;
? ? }
? ? </style>
? ? <script src="http://idcbgp.cn/static/lib/jquery/1.9.1/jquery.js"></script>
</head>
<body>
? ? <h2>.click()方法</h2>
? ? <h4>測試一</h4>
? ? <button>元素綁定事件,彈出回調(diào)中的this</button>
? ? <script type="text/javascript">
? ? ? ? //this指向button元素
? ? ? ? ?$("button:eq(0)").click(function() {
? ? ? ? ? ? alert(this)
? ? ? ? })
? ? </script>
? ? <h4>測試二</h4>
? ? <div class="test2">
? ? ? ? <p>$('button:first').click(function(e) {alert(this)})</p>
? ? </div>
? ? <button>指定觸發(fā)事件</button>
? ? <script type="text/javascript">
? ? ? ? $('p').click(function(e) {
? ? ? ? ? ? alert(this.target.textContent)
? ? ? ? })
? ? ? ? //this指向button元素
? ? ? ? $("button:eq(1)").click(function() {
? ? ? ? ? ? $('p').click() //指定觸發(fā)綁定的事件
? ? ? ? })
? ? </script>
? ? <h4>測試三</h4>
? ? <div class="test3">
? ? ? ? <p>$('.right').click(1111, set)</p>
? ? </div>
? ? <button>不同函數(shù)傳遞數(shù)據(jù)</button>
? ? <script type="text/javascript">
? ? ? ? //不同函數(shù)傳遞數(shù)據(jù)
? ? ? ? function data(e) {
? ? ? ? ? ? alert(e.data) //1111
? ? ? ? }
? ? ? ? function a() {
? ? ? ? ? ? $("button:eq(2)").click(1111, data)
? ? ? ? }
? ? ? ? a();
? ? </script>
</body>
</html>
2019-01-16
在this后面加target......你寫成alert(this.textContent)試試