jquery编写可折叠列表

注意点：

$()后要么加点.要么加大括号{},那在这之后可加可不加分号，加分号表示是结束语句
伪类选择器前都需加冒号，如下方的//not和has前都需加冒号
type = 'text/javascript'

说明：

jQuery中所支持库的动画方法
所谓动画，就是在浏览器中操作图像或者文字移动

• 基本动画方法：show,hide,toggle三种方法
• 滑动方法:slideDown,slidUp,slidToggle ###吐槽javascript的语法,小括号()大括号{}连着的嵌套可真多，读起来正麻烦，写起来不熟经常丢大括号，也就是函数块，小括号()函- - 数的参数
• 淡入淡出动画:fadeIn,fadeOut,fadeTo,fadeToggle ###script 中的 src 与 link 中的src有啥区别，link中的语法直接可以作用在html标签中，而script中的还需自己编写定义所需要的函数
• toggle切换元素的状态(显示和隐藏切换)

<script type='text/javascript' src="jquery-3.3.1.js">
        //在script中编写脚本要把type类型写对,不写对也可以，那就最好一个字也别写
        //在link导入的js脚本无法作用在script脚本中，要自己重写导入
    </script>
    <script>
        $(function () { //event是click传入的事件
            $('li:has(ul)').click(function (event) {
                if ($(this == event.target)) {
                    if ($(this).children().is(":hidden")) {
                        $(this).children().show();//语句执行要打分号
                    } else { //else并不需要加括号()
                        $(this).children().hide();//语句执行要打分号
                    }
                }
                return false;
            }).css('cursor', 'pointer').click(); //第二个function函数到这里结束
            //li没有ul的情况默认
            $('li:not(has(ul))').css({
                'cursor': 'default'
            }); //css括号中也可加字典类型的参数传参
        });
        //fieldset对表单进行分组,一
        //legend为 fieldset 元素定义标题(
        //ul li无序列表标签元素-
    </script>