作者no1kk (心中在下雨)
看板Ajax
标题Re: [问题] 新手请教:要怎麽把这段语法写得更简单?
时间Wed Feb 1 15:12:29 2012
试试看这样
<script language="javascript">
$(document).ready(function(){
var $poshowUl = $('#poshow ul');
$poshowUl.click(function(){
var $this = $(this);
$poshowUl.hide();
$this.show().removeClass('pobut').addClass('pobuton');
$this.fadeIn("fast");
});
$("#pobut1").click();
});
</script>
隐藏的东西应该可以不用管他的class
此外,建议class的设定
#poshow ul{
不按的样式
}
#poshow ul.pobuton{
按下的样式
}
这样只要控制一个class就好了
※ 引述《shimuraken (志村阿肯大叔)》之铭言:
: 各位前辈大家好,因为阿肯刚开始在学JQUERY,虽然现在简单的效果都写得出来,
: 但是总觉得好像把整个代码写的太冗长了,影响了网页读取的速度,
: 所以想请教,如果像是以下这个连结的JQUERY程式码要如何写得更简洁,
: 又可以把效果执行出来呢?
: 连结:http://jsfiddle.net/UKUuY/
: 感谢各位的解答..
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 211.75.166.222
1F:推 mesak:$this = $(this); $poshowUl这两个不是一样吗= = 02/01 23:56
2F:推 musie:这是一个习惯,this会变动,所以先把他物件化, 02/02 00:32
3F:→ no1kk:$poshowUI里面有很多个,$this是被点到的那个 02/02 11:54
4F:推 mesak:喔~误会意思了 ~~ 02/02 15:37