初学jquery,选择器的问题,请教一下,谢谢

这个是脚本部分
图片说明
这个是body部门
图片说明

请问选择器哪里写错了 ,alert输出1都不好用,谢谢

刷新页面的时候,要先去加载事件才起作用,也就是像楼上说的,绑定事件放在 $(document).ready(function(){})里面

你这样给节点绑定事件需要节点已经加载 将代码放在 $(document).ready(function(){})

    <ul>
        <li class="level1">1级
            <ul>
                <li>2级</li>
                <li>2级</li>
            </ul>
        </li>
        <li class="level1">1级
            <ul>
                <li>2级</li>
                <li>2级</li>
            </ul>
        </li>
    </ul>
  <script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
<script type="text/javascript">
$(function(){
    $('.level1').click(function(){
        alert('1111');
    })
})
</script>

望采纳

1、由于加载顺序的问题,只有dom树加载完成,才能找到$('.level1')这个元素,所以一般为了防止dom树没加载完成,js就执行,解决方案有两种,
一、把需要查找dom树的js放在页面的最后边执行。
二、采用jQuery的$(function(){})或者原生JS的window.onload = function(){}。
2、由于的.level1元素有多个,又要对a绑定click事件,一般采用on统一代理。

 $(function(){
     $('.menu').on('click','a',function(){
            alert(1);
     });
 });