jQuery技术

jQuery事件的链式写法

字号+ 作者: 来源: 2014-11-16 22:49 我要评论( )

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

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 7个有用的jQuery小技巧

    7个有用的jQuery小技巧

    2016-02-26 13:02

  • jQuery制作select双向选择列表

    jQuery制作select双向选择列表

    2016-02-26 11:00

  • 全面详细的jQuery常见开发技巧手册

    全面详细的jQuery常见开发技巧手册

    2016-02-26 10:02

  • 强大的jQuery移动插件Top 10

    强大的jQuery移动插件Top 10

    2016-02-25 09:05

网友点评
r