Jquery真的不難~目錄
JQ不(bu)錯(cuo),被JS大師(shi)們封裝的(de)不(bu)錯(cuo),這(zhe)對于開發(fa)者(zhe)來說(shuo)是件好事(shi),會讓你少寫(xie)很多代碼,呵呵,你可能已經忘(wang)記了document.getElementById,document.getElementByTagName等等恩,寫(xie)這(zhe)個系列的(de)目的(de)是幫(bang)助“我(wo)喜(xi)歡的(de)”年輕人們一起成長(chang),呵呵!
對于javascript類庫目前來說有幾個比較流行,如jquery,yahooYUI,prototype等等,但今(jin)天的(de)主角(jiao)是(shi)jquery,目前(qian)比(bi)較新(xin)的(de)是(shi)1.8了,發(fa)展(zhan)的(de)很快呀,呵呵,解(jie)決了之(zhi)前(qian)版本(ben)的(de)很多(duo)BUG,這一點告訴我們(men),對(dui)于jq我們(men)還是(shi)要(yao)用新(xin)版本(ben)的(de)。
好了,來看一下我們(men)JQ系列的目錄吧(ba)!
Jquery真的不難~目錄
書(shu)后語:感謝兄弟(di)讓我靜下心來(lai)寫這個系列,其時早(zao)就想總結一下了(le),最后祝有志者早(zao)日事盡成!
今天一個小需求(qiu),把它改成面向(xiang)對(dui)象的了,感覺不(bu)錯,呵呵!
$(function () { //根據對(dui)象得到它所要用(yong)的(de)CSS名稱 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; }; //滑動(dong)變色操(cao)作 $("#a1,#a2").find("li").hover(function () { $(this).addClass(getClass(this)); }, function () { $(this).removeClass(getClass(this)); }); });
HTML代碼:
<ul id="a1"> <li>one</li> <li>two</li> </ul> <ul id="a2"> <li>1</li> <li>2</li> </ul>