<div class="nav nav1">第一个</div>
<div class="nav nav2">第二个</div>
$(".nav").click(function(){
alert("hello world!")
})
这样点第一个和点第二个都行的，望采纳！
<html><head>
<style type="text/css">
div{width: 150pxheight: 150pxbackground: redmargin-bottom:5px
}
</style>
<title></title>
</head>
<body>
<div></div>
<div></div>
<div></div>
<div></div>
<script type="text/javascript">
window.onload = function() {
var divs = document.getElementsByTagName("div")//获取所有的div
for(var i = 0 i<divs.length i++) {//循环让每个div都有效果
divs[i].onmouseover = function(){
this.style.opacity = 0.5
}
divs[i].onmouseout =function(){
this.style.opacity = 1
}
}
}
</script>
</body>
</html>
有2种方法：
最简单的方法就是直接在标签中写onclick=""，但是这样写其实是有点low的，
<p id="pLabel">新加一条</p><ul id="ulLabel">
<li class="liLabel">aaa1</li>
<li class="liLabel">aaa2</li>
<li class="liLabel">aaa3</li>
</ul>
<script type="text/javascript">
$("#pLabel").click(function(){
$("#ulLabel").append('<li class="liLabel">aaaQ</li>') //动态像ul的末尾追加一个新元素
})
</script>
方法一：使用live
live()函数会给被选的元素绑定上一个或者多个事件处理程序，并且规定当这些事件发生时运行的函数。通过live()函数适用于匹配选择器的当前及未来的元素。比如，通过脚本动态创建的元素。
$('.liLabel').live('click', function(){
alert('OK')
})
方法二：使用on
可以通过on方法绑定事件，可以绑定到它的父级或者body中，实现如下：
$("#ulLabel").on('click','.liLabel',function(){
alert('OK')
})
或者：
$("body").on('click','.liLabel',function(){
alert('OK')
})
注意绑定的事件，需要绑定在父元素。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）