我向div添加了一个类,并希望使用这个添加的类作为条件,但似乎它不起作用:
<div class="knock">Knock</div> <div class="msg">Say hello</div> $( ".knock" ).click(function() { $( ".msg" ).addClass( "sayhello" ); }); $( ".msg.sayhello" ).click(function() { alert("Hello!"); });
密码笔: https://codepen.io/anon/pen/vwEOoa
嗨,因为您是动态添加的,所以必须这样编写代码:
$( ".knock" ).click(function() { $( ".msg" ).addClass( "sayhello" ); }); $( "body" ).on('click', '.sayhello', function() { alert("Hello!"); });
div { cursor: pointer; } .msg { display: none; } .msg.sayhello { display: block; }
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="knock">Knock</div> <div class="msg">Say hello</div>
要处理动态创建的元素的事件,可以使用 $(document).on() 或 $(body).on()
$(document).on()
$(body).on()
$(document).on("click",".sayhello",function(){ alert("Hello!"); });