回到占占推薦博客索引

JQ不錯，被JS大師們封裝的不錯，這對於開發者來說是件好事，會讓你少寫很多代碼，呵呵，你可能已經忘記了document.getElementById,document.getElementByTagName等等恩，寫這個系列的目的是幫助“我喜歡的”年輕人們一起成長，呵呵！

對於javascript類庫目前來說有幾個比較流行，如jquery,yahooYUI,prototype等等，但今天的主角是jquery，目前比較新的是1.8了，發展的很快呀，呵呵，解決了之前版本的很多BUG，這一點告訴我們，對於jq我們還是要用新版本的。

好了，來看一下我們JQ系列的目錄吧！

Jquery真的不難~目錄

第一回　　編程基礎知識

第二回　　選擇器的使用及性能

第三回　　如何改變HTML標簽的樣式

第四回　　JQ也是事件驅動的（匿名函數的使用）

第五回　　JQ中的遍歷（遍歷中的性能知識點）

第六回　　JQ中的異步調用方式

第六回　　JQ中的異步調用方式~續

第七回　　JS也要面向對象

第八回　　JS的閉包問題

書后語：感謝兄弟讓我靜下心來寫這個系列，其時早就想總結一下了，最后祝有志者早日事盡成！

今天一個小需求，把它改成面向對象的了，感覺不錯，呵呵！

  $(function () {

            //根據對象得到它所要用的ＣＳＳ名稱
            var getClass = function (obj) {
                var className;

                switch ($(obj).closest("ul").attr("id")) {
                    case "a1":
                        className = "a1";
                        break;
                    case "a2":
                        className = "a2";
                        break;
                    default:
                        console.log("error type");
                        break;
                }
                return className;
            };

            //滑動變色操作
            $("#a1,#a2").find("li").hover(function () {
                $(this).addClass(getClass(this));

            }, function () {
                $(this).removeClass(getClass(this));
            });
        });

ＨＴＭＬ代碼：

 <ul id="a1">
        <li>one</li>
        <li>two</li>
    </ul>
    <ul id="a2">
        <li>1</li>
        <li>2</li>
　</ul>

 回到占占推薦博客索引