在编写页面元素时,jQuery程序可以使用链接式的方式编写元素的所有事件。为了更好地说明该书写方法的使用,我们通过一个示例来阐述。
实现示例的jQuery代码:
<script>
$(function() {
$(".title").click(function() {
$(this).addClass("bg").next(".list").css("display", "block");
});
});
</script>
实现示例的HTMl代码:
<section> <div class="title">标题</div> <div class="list"> <li><a href="#">链接一</a></li> <li><a href="#">链接二</a></li> <li><a href="#">链接三</a></li> </div> </section>
当用户点击class为“title”的元素时,增加名为“bg”的样式,同时显示名为“list”的元素,这两个功能的实现通过“.”符号链接在一起。
相关文章



精彩导读
热门资讯
关注我们