+ -
当前位置:首页 → 问答吧 → 关于JQuery放置的位置问题、

关于JQuery放置的位置问题、

时间:2009-10-27

来源:互联网

这样可以正常运行
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Demo</title>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<link type="text/css" href="noe.css" rel="stylesheet" />
</head>
<body>
<p title="选择你最喜欢的水果">你最喜欢的水果是?</p>
<ul>
<li title="苹果">苹果</li>
<li title="香蕉">香蕉</li>
<li title="西瓜">西瓜</li>
</ul>
<script type="text/javascript" >
var $i=$("ul li").remove("[title!='西瓜']");
</script>
</body>
</html> 
但是把脚本位置改下放在<head>里就没效果了。。难道不能放<head>里?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Demo</title>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<link type="text/css" href="noe.css" rel="stylesheet" />
<script type="text/javascript" >
var $i=$("ul li").remove("[title!='西瓜']");
</script>
</head>
<body>
<p title="选择你最喜欢的水果">你最喜欢的水果是?</p>
<ul>
<li title="苹果">苹果</li>
<li title="香蕉">香蕉</li>
<li title="西瓜">西瓜</li>
</ul>
</body>
</html>

作者: zcj   发布时间: 2009-10-27


呵呵~太久没人回答,自己反而研究出来了。

把<head>里的脚本改成下面这样就行了
<script type="text/javascript" >
$(function(){
    var $i=$("ul li").remove("[title!='西瓜']");
    });
</script>

原来少了 $(function(){});

作者: zcj   发布时间: 2009-10-27

这个是dom加载的问题,放到$(document).ready(function(){''''});和window.onload=function(){ 代码}同样好使,关键是你理解了这个问题没。

作者: manhoo   发布时间: 2009-10-27

相关阅读 更多