jQuery鏈式操作

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()爲‘選取該的兄弟元素’;強大的鏈式操作爲前臺開發帶來了極大的方便。




發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章