jquery的$("#id")不起作用

徐治国 发布于 2013/05/14 23:11
阅读 1K+
收藏 0
<script type="text/javascript" src="jquery-1.6.3.min.js"></script>
<script type="text/javascript">
        $("div").append("新增内容");
        $("<input type='button' value='单机我'/>").appendTo(document.body);
        $(document.getElementById('lee')).css("background-color","#aaffaa").css("border","1px solid black");
        $(function(){alert("加载完成")});
    $("#lee").html("附件二龙卷风");

</script>

<body>
<div id="lee">大风</div>
<div id="yeeku">发生</div>
</body>
</html>
如上打开浏览器后无效果;求众位点拨一二;谢谢

加载中
0
小小的夏
小小的夏

习惯这样写

$(function($){
  //code
})

开源中国最帅没有之一
开源中国最帅没有之一
恩啊 快捷方便
1
Navee7
Navee7

如果你的<script></script>写在head中,是会在body中的文档加载完成之前执行

也就是说执行到你的$("div").append("新增内容");的时候,body中的div还没有加载,当然也就无效了

你可以使用下面两个方法包裹你要执行的内容,以确保在文档加载完成后执行

$(function(){

})

//或者
$(document).ready(function(){

})
或者将你的script移到</body>之前

徐治国
徐治国
嗯是的谢谢
0
lxbzmy
lxbzmy
执行的早了。放在末尾。
0
leo108
leo108

执行js的时候html还没加载完呢

要么把这些代码放在最后面,要么放在$(document).ready()里面

xmut
xmut
+1
返回顶部
顶部