$("#msg").html($("#msg").html() + "<p>外層div元素被單擊</p>");這里寫一個html就行了吧
2016-12-03
好像找錯別字成了好多人的樂趣,誰能保證自己做的時候不出錯,關鍵性的錯字提出來就好了,以防誤導同學,但某些錯字純屬業(yè)余,沒有一點兒重要性,真心不知道為什么老要重復這些,有這些功夫在這評論一些絲毫不重要的大家都可以看到的錯字,還不如多花點兒功夫看一下這些知識都學會了嘛,多敲幾遍代碼。
2016-12-01
event 應該是一個封裝好JQ的類,記錄這個點擊事件全部信息,target是其中一的一個屬性,這個屬性里面又包含了很多其它屬性,具體可以console.log(event);就能看明白;console.log(event)和console.log(this)和console.log($(this))都是完全不同 的東西
2016-12-01
用event 對象的which區(qū)別按鍵,敲擊鼠標左鍵which的值是1,敲擊鼠標中鍵which的值是2,敲擊鼠標右鍵which的值是3
2016-12-01
方法三:$ele.click( [eventData ], handler(eventObject) )可以傳參數,感覺很高檔
2016-12-01
還是書上的容易懂些:
hover()方法是jQuery中的合成事件。
語法結構為:hover(enter,leave)
hover()方法用于模擬光標的懸停事件。當光標移動到元素上,會觸發(fā)指定的第一個函數;當鼠標移除這個元素時,觸發(fā)第二個函數。
hover()方法是代替mouseenter(), mouseleave()
hover()方法是jQuery中的合成事件。
語法結構為:hover(enter,leave)
hover()方法用于模擬光標的懸停事件。當光標移動到元素上,會觸發(fā)指定的第一個函數;當鼠標移除這個元素時,觸發(fā)第二個函數。
hover()方法是代替mouseenter(), mouseleave()
2016-12-01
<div class="aaron">
<em></em><br>
<em></em>
</div>
<script>
var n = 0;
var m=0;
$(".aaron:first").on({
mousedown:function(e){$('em:first').text('觸發(fā)類型:'+e.type+'次數:'+(++n))},
mouseup:function(e){$('em:last').text('觸發(fā)類型:'+e.type+'次數:'+(++m))}
})
</script>
<em></em><br>
<em></em>
</div>
<script>
var n = 0;
var m=0;
$(".aaron:first").on({
mousedown:function(e){$('em:first').text('觸發(fā)類型:'+e.type+'次數:'+(++n))},
mouseup:function(e){$('em:last').text('觸發(fā)類型:'+e.type+'次數:'+(++m))}
})
</script>
2016-11-30
倒數第二個知識點我覺得有點錯誤:this應該是不變的,event.target才是變化的,大家可以將第二個綁定的click事件用下面的代碼測試一下,在第48行后面加上下面這兩句:觀察點擊span和div后$(this).html()和event.target.textContent顯示的區(qū)別
$("#msg").html($("#msg").html() + "<p>"+$(this).html()+"</p>");
$("#msg").html($("#msg").html() + "<p>"+event.target.textContent+"</p>");
$("#msg").html($("#msg").html() + "<p>"+$(this).html()+"</p>");
$("#msg").html($("#msg").html() + "<p>"+event.target.textContent+"</p>");
2016-11-30