jQuery強大的鏈式操作,有時候一行代碼能解決一系列的問題
<script type="text/javascript"> //等待dom元素加載完畢. $(document).ready(function(){ $(".level1 > a").click(function(){ $(this).addClass("current") //給當前元素添加"current"樣式 .next().show() //下一個元素顯示 .parent().siblings().children("a").removeClass("current")//父元素的兄弟元素的子元素<a>移除"current"樣式 .next().hide(); //它們的下一個元素隱藏 return false; }); }); </script>
ps:該段代碼引用自《鋒利的JQuery》,函數siblings()爲‘選取該的兄弟元素’;強大的鏈式操作爲前臺開發帶來了極大的方便。