关于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>
<!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
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28