jquery $(this)疑问
时间：2009-08-25
来源：互联网
jQuery部分：
$(document).ready(function(){
$("ul").hide();
$("a[class='head']").click(function(){
$(this +" ~ ul").show();
return false;
});
});
HTML：
<li>
<a class='head'>文章管理</a>
<ul>
<li><a href='#'>文章列表</a></li>
<li><a href='#'>文章分类管理</a></li>
</ul>
</li>
<li>
<a class='head'>文章管理</a>
<ul>
<li><a href='#'>文章列表</a></li>
<li><a href='#'>文章分类管理</a></li>
</ul>
</li>
是不是不允许 $(this +" ~ ul") 这样用还是我哪儿写的不对？请好心人指点一下啊！先谢过了！
$(document).ready(function(){
$("ul").hide();
$("a[class='head']").click(function(){
$(this +" ~ ul").show();
return false;
});
});
HTML：
<li>
<a class='head'>文章管理</a>
<ul>
<li><a href='#'>文章列表</a></li>
<li><a href='#'>文章分类管理</a></li>
</ul>
</li>
<li>
<a class='head'>文章管理</a>
<ul>
<li><a href='#'>文章列表</a></li>
<li><a href='#'>文章分类管理</a></li>
</ul>
</li>
是不是不允许 $(this +" ~ ul") 这样用还是我哪儿写的不对？请好心人指点一下啊！先谢过了！
[ 此帖被huaganshang在2009-08-25 20:38重新编辑 ]
作者: huaganshang 发布时间: 2009-08-25
this + "~ ul" = " ~ul"
当然不可以了
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function(){
$("ul").hide();
$("a.head").toggle(function(){
$(this).next("ul").show();
},function(){
$(this).next("ul").hide();
});
})
</script>
</head>
<body>
<li>
<a class='head'>文章管理</a>
<ul>
<li><a href='#'>文章列表</a></li>
<li><a href='#'>文章分类管理</a></li>
</ul>
</li>
<li>
<a class='head'>文章管理</a>
<ul>
<li><a href='#'>文章列表</a></li>
<li><a href='#'>文章分类管理</a></li>
</ul>
</li>
</body>
</html>
当然不可以了
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function(){
$("ul").hide();
$("a.head").toggle(function(){
$(this).next("ul").show();
},function(){
$(this).next("ul").hide();
});
})
</script>
</head>
<body>
<li>
<a class='head'>文章管理</a>
<ul>
<li><a href='#'>文章列表</a></li>
<li><a href='#'>文章分类管理</a></li>
</ul>
</li>
<li>
<a class='head'>文章管理</a>
<ul>
<li><a href='#'>文章列表</a></li>
<li><a href='#'>文章分类管理</a></li>
</ul>
</li>
</body>
</html>
作者: enjoyit 发布时间: 2009-08-25
this是object对象 你给他+一个string就会变成强制转换 是拿不到你要的东西的 
作者: 小j 发布时间: 2009-08-26
十分感谢！受教了！
作者: huaganshang 发布时间: 2009-08-26
谢谢楼上两位！
作者: huaganshang 发布时间: 2009-08-26
作者: haibin666 发布时间: 2009-08-26
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读：74
-
如何安装mysql8.0
阅读：31
-
Word快速设置标题样式步骤详解
阅读：28
-
20+道必知必会的Vue面试题（附答案解析）
阅读：37
-
HTML如何制作表单
阅读：22
-
百词斩可以改天数吗？当然可以，4个步骤轻松修改天数！
阅读：31
-
ET文件格式和XLS格式文件之间如何转化？
阅读：24
-
react和vue的区别及优缺点是什么
阅读：121
-
支付宝人脸识别如何关闭?
阅读：21
-
腾讯微云怎么修改照片或视频备份路径?
阅读：28
