測(cè)試二的代碼除了這么寫(xiě),還有沒(méi)有更簡(jiǎn)單易懂的寫(xiě)法??
? ? <h4>測(cè)試二</h4>
? ? <div class="test2">
? ? ? ? <p>$('button:first').mousedown(function(e) {alert(this)})</p>
? ? </div>
? ? <button>指定觸發(fā)事件</button>
? ? <script type="text/javascript">
? ? $('p').mousedown(function(e) {
? ? ? ? ? ? alert(e.target.textContent)
? ? ? ? })
? ? ? ? //this指向button元素
? ? $("button:eq(1)").mousedown(function() {
? ? ? ? $('p').mousedown() //指定觸發(fā)綁定的事件
? ? })
? ? </script>
2017-07-18
原代碼: (就是要實(shí)現(xiàn)點(diǎn)擊按鈕,顯示p的內(nèi)容)?
<button>指定觸發(fā)事件</button>
? ? <script type="text/javascript">
? ? $('p').mousedown(function(e) { ? //此時(shí)就是當(dāng)你點(diǎn)擊p 的時(shí)候,就會(huì)彈出p的內(nèi)容(步驟1)
? ? ? ? ? ? alert(e.target.textContent)
? ? ? ? })
/* ??
? ? $("button:eq(1)").mousedown(function() { ? //這一步就是通過(guò)按鈕來(lái)調(diào)用步驟1
? ? ? ? $('p').mousedown() //指定觸發(fā)綁定的事件
? ? })
*/
? ? </script>
簡(jiǎn)單代碼:
? ? <button>指定觸發(fā)事件</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)//指定觸發(fā)綁定的事件
? ? })
? ? </script>
第一個(gè)意思是點(diǎn)擊p標(biāo)簽,彈出p標(biāo)簽內(nèi)容,
第二個(gè)是點(diǎn)擊第一個(gè)(eq(1))按鈕(button)彈出內(nèi)容