<head>
<meta charset="utf-8"/>
<style>
div{display:none}
</style>
<script src="jquery.js"></script>
<script>
$(function(){
$("button").click(function(){
var index = $(this).index()
$(".d").hide()
$(".d:eq("+index+")").show()
})
})
</script>
</head>
<body>
<button>1111</button>
<button>2222</button>
<button>3333</button>
<button>4444</button>
<button>5555</button>
<button>6666</button>
<div class="d">我是第1个</div>
<div class="d">我是第2个</div>
<div class="d">我是第3个</div>
<div class="d">我是第4个</div>
<div class="d">我是第5个</div>
<div class="d">我是第6个</div>
</body>
</html>
自行引入jquery文件
1、新建一个html文件，命名为test.html。
2、在test.html文件内，在p标签内，使用button标签创建多个按钮。
3、在test.html文件内，分别设置button标签的class属性为bbtt，用于下面获得button对象。
4、在js标签内，使用ready()方法在页面加载完成时，执行function方法。
5、在function方法内，通过class获得button对象，给它们绑定click点击事件，当按钮被点击时，获得按钮对象，使用not()方法除去当前点击按钮，通过attr()方法将disabled属性设置为true，实现其他按钮不可用。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）