測試二的代碼除了這么寫,還有沒有更簡單易懂的寫法??
? ? <h4>測試二</h4>
? ? <div class="test2">
? ? ? ? <p>$('button:first').mousedown(function(e) {alert(this)})</p>
? ? </div>
? ? <button>指定觸發事件</button>
? ? <script type="text/javascript">
? ? $('p').mousedown(function(e) {
? ? ? ? ? ? alert(e.target.textContent)
? ? ? ? })
? ? ? ? //this指向button元素
? ? $("button:eq(1)").mousedown(function() {
? ? ? ? $('p').mousedown() //指定觸發綁定的事件
? ? })
? ? </script>
2017-07-18
原代碼: (就是要實現點擊按鈕,顯示p的內容)?
<button>指定觸發事件</button>
? ? <script type="text/javascript">
? ? $('p').mousedown(function(e) { ? //此時就是當你點擊p 的時候,就會彈出p的內容(步驟1)
? ? ? ? ? ? alert(e.target.textContent)
? ? ? ? })
/* ??
? ? $("button:eq(1)").mousedown(function() { ? //這一步就是通過按鈕來調用步驟1
? ? ? ? $('p').mousedown() //指定觸發綁定的事件
? ? })
*/
? ? </script>
簡單代碼:
? ? <button>指定觸發事件</button>
? ? <script type="text/javascript">
? ? var $p =$('p:eq(0)').text()
? ? $('button:eq(1)').mousedown(function($P) {
? ? ? ? ? ? alert($p)
? ? ? ? })
2017-06-30
<script type="text/javascript">
? ? $('p').mousedown(function(e) {
? ? ? ? ? ? alert(e.target.textContent)
? ? ? ? })
? ? ? ? //this指向button元素
? ? $("button:eq(1)").mousedown(function(e) {
? ? ? alert(e.target.textContent)//指定觸發綁定的事件
? ? })
? ? </script>
第一個意思是點擊p標簽,彈出p標簽內容,
第二個是點擊第一個(eq(1))按鈕(button)彈出內容