有没有人能看出来这两个js哪里冲突了呀?

我看不懂他们之间为什么只能有一个起作用。

img

<script>
    $(function () {
        $('.big>div').click(
            function (e) {
                //e.preventDefault();//阻止点击a的默认动作
                var li = $(this).parents('li');
                if (li.hasClass('open')) {  //假如有open类,移除
                    li.removeClass('open')
                } else { //否则添加open类
                    li.addClass('open')
                }
            }
        )
    })
script>

$定义冲突
第一个是用原生js定义了一个$ 操作符
第二个则是用的jquery的方法,而jquery有重新定义了$操作符

具体那个生效得看两个js的加载顺序,后面的覆盖前面的

至于解决方法2钟
1.你要么用原生的,要么用jquery的
2.如果非要两个混用,你自己百度“jquery $冲突解决方法”