아래 코드를 사용하여 jQuery로 이벤트를 전파하려고합니다.
$(document).ready(function() {
$('#main').click(function(e){
var el = e.target.nodeName;
var $jObj = $(el);//jQuery object
$jObj.css('color','green');
});
});
다음은 간단한 HTML 코드입니다.
<div id="main">
<p>Test one</p>
<p>Test two</p>
<p>Test three</p>
</div>
이제 p 요소 중 하나를 클릭하면 선택한 p 뿐만 아니라 모든 p으로 색상이 변경 됩니다. 나는 resaon을 이해할 수 없습니다. 위의 jQuery 스크립트에 따르면 선택한 항목 만 <p>
색상을 변경해야합니다. 내가 뭘 잘못하고 있니?
위의 jQuery 스크립트에 따르면 선택한
p
의심 스럽다. 모든 p
요소를 선택 하고 있습니다.
var el = e.target.nodeName; // el = "P"
var $jObj = $(el);//jQuery object // equiv to $("p")
e.target.nodeName
"P"
그런 다음 선택기로 사용 하는 값 이며 모든 요소를 $("P")
선택 합니다 p
.
이벤트 대상 만 선택하려면 DOM 요소 자체를 jQuery에 전달합니다.
$(e.target)
관련 문서 : jQuery(element)
, event.target
.
$(document).ready(function() {
$('#main').click(function(e){
var $jObj = $(e.target);//jQuery object
$jObj.css('color','green');
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="main">
<p>Test one</p>
<p>Test two</p>
<p>Test three</p>
</div>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다