作者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