課程
/前端開發
/jQuery
/jQuery基礎(三)—事件篇
老師的這個例子中this指向的是誰?
2018-06-20
源自:jQuery基礎(三)—事件篇 5-2
正在回答
在事件處理程序內部,this始終等于event.currentTarget,而event.target只包含事件的實際目標。
如果直接將事件處理程序制定給了目標元素,那么this、currentTarget、target指向是相同的。如鼠標單擊事件,$(#btn).click(function(){…………})由于click事件的目標是按鈕,事件處理程序也制定給了按鈕,所以三個值相同。
如果事件處理程序存在于按鈕的父節點中,那么值是不同的。例如:
$(body).click(function() {………………})那么此時點擊按鈕元素,this和event.currentTarget都指向document.body,event.target指向按鈕元素。
誰綁定的事件就指向的誰
指向觸發事件的dom元素
好吃的蛋包飯
Silent_Walke 回復 好吃的蛋包飯
<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
? $("body").on("click", ".test",function(){
? ? alert(JSON.stringify($(this)));
? this.a = 'aaa'
? $('test')
? alert(JSON.stringify($('.test')[0].a)); /// aaa
? });
});
</head>
<body>
<p class="test">點擊這個段落。</p>
</body>
</html>
舉報
jQuery第三階段開啟事件修煉,掌握對頁面進行交互的操作
1 回答機制委托一般用于什么場景
1 回答這個委托機制一定是從最里面的那個元素開始向上冒泡嗎
4 回答事件委托應該委托到哪一級?
3 回答說一些我對委托機制的理解,歡迎提出不同的看法?
3 回答$('#div1').mousedown(function () {this})中的this指向哪里?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2018-08-05
在事件處理程序內部,this始終等于event.currentTarget,而event.target只包含事件的實際目標。
如果直接將事件處理程序制定給了目標元素,那么this、currentTarget、target指向是相同的。如鼠標單擊事件,$(#btn).click(function(){…………})由于click事件的目標是按鈕,事件處理程序也制定給了按鈕,所以三個值相同。
如果事件處理程序存在于按鈕的父節點中,那么值是不同的。例如:
$(body).click(function() {………………})那么此時點擊按鈕元素,this和event.currentTarget都指向document.body,event.target指向按鈕元素。
2018-06-20
誰綁定的事件就指向的誰
2018-06-20
指向觸發事件的dom元素
2018-06-20
<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
? $("body").on("click", ".test",function(){
? ? alert(JSON.stringify($(this)));
? this.a = 'aaa'
? $('test')
? alert(JSON.stringify($('.test')[0].a)); /// aaa
? });
});
</script>
</head>
<body>
<p class="test">點擊這個段落。</p>
</body>
</html>