在编写页面元素时,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”的元素,这两个功能的实现通过“.”符号链接在一起。