目录:
添加方式
实例演示
添加方式
$("#ImId1").click(function(){});
$("#ImId2").bind("click",function(){})
$("#ImId3").on("click",function(){})
$("body").delegate("#xxx","click",function(){})
实例演示:
导入jq
<script type="text/javascript" src="/js/jquery-1.8.2.min.js"></script>
Html
<main>
<div id="ImId1">1</div>
<div id="ImId2">2</div>
<div id="ImId3">3</div>
<main>
js
<script language="javascript" type="text/javascript">
$(document).ready(function() {
//实例1
$("#ImId1").click(function(){
alert($("#ImId1").text())
});
//实例2
$("#ImId2").click(function(){
alert($("#ImId2").text())
});
//实例3
$("#ImId3").click(function(){
alert($("#ImId3").text())
});
});
</script>
其中$("#ImId2").bind("click",function(){})支持js中通过append添加html,再bind
如
$("#ImId3").append('<div class="msgCloseBtn" style="position: absolute;top: 2px;right: 5px ;cursor: pointer;">x</div>')
$(".msgCloseBtn").bind("click",function(){
$(".el-message--success").remove();
})