Re: [問題] 新手請教:要怎麼把這段語法寫得更簡單?

看板Ajax作者 (心中在下雨)時間14年前 (2012/02/01 15:12), 編輯推噓3(301)
留言4則, 3人參與, 最新討論串2/2 (看更多)
試試看這樣 <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

02/01 23:56, , 1F
$this = $(this); $poshowUl這兩個不是一樣嗎= =
02/01 23:56, 1F

02/02 00:32, , 2F
這是一個習慣,this會變動,所以先把他物件化,
02/02 00:32, 2F

02/02 11:54, , 3F
$poshowUI裡面有很多個,$this是被點到的那個
02/02 11:54, 3F

02/02 15:37, , 4F
喔~誤會意思了 ~~
02/02 15:37, 4F
文章代碼(AID): #1FAENWVO (Ajax)
文章代碼(AID): #1FAENWVO (Ajax)