本文介绍了一个使用jQuery实现的简单选项卡插件。通过点击不同的选项卡标题，可以触发相应的事件并显示对应的内容。该插件利用了jQuery的选择器和事件绑定功能，实现了基本的选项卡效果。
<html>
<head></head>
<script src="js/jqm.js"></script>
<script language="javascript">
$(document).ready(function() {
$(".tabon").click(function() {
$(".tabon").each(function() {
alert("遍历的"+$(this).attr("id"));
});
alert("哈哈，我是被点击的那个"+$(this).attr("id"));
});
});
</script>
<body>
<div>
<ul id="tab">
<li id="t1" class="tabon">项目一</li>
<li id="t2" class="tabon">项目二</li>
<li id="t3" class="tabon">项目三</li>
</ul>
</body>
</html>
扫一扫
7809
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
