JQuery【树形菜单】

最新推荐文章于 2019-05-15 14:17:00 发布

一直在冬眠

最新推荐文章于 2019-05-15 14:17:00 发布

阅读量3.4k

点赞数

分类专栏： JavaScript/JQuery 文章标签： jquery function url html

本文链接：https://blog.csdn.net/wjr_loves/article/details/7865194

版权

本文详细介绍了如何利用JQuery库创建交互式的树形菜单。通过实例代码和步骤解析，展示了如何动态加载数据，设置点击事件以及实现菜单的展开与折叠功能。适合对网页前端开发感兴趣的读者参考学习。

摘要由CSDN通过智能技术生成

JQuery代码：
<script type="text/javascript">
      $(function(){
        $('li:has(ul)')
          .click(function(event){
            if (this == event.target) {
              if ($(this).children().is(':hidden')) {
                $(this)
                  .css('list-style-image','url(images/minus.gif)')
                  .children().show();
              }
              else {
                $(this)
                  .css('list-style-image','url(images/plus.gif)')
                  .children().hide();
              }
            }
            return false;
          })
          .css('cursor','pointer')
          .click();
        $('li:not(:has(ul))').css({
          cursor: 'default