jQuery修改li下的樣式以及l(fā)i下的img的src的值的方法
jQuery如何修改li下的樣式,以及修改li下的img的src的值,下面是具體的實(shí)現(xiàn)代碼,需要的朋友可以看看
$(".test li").click(function() { $(".test li a").removeClass("test01"); $(".test li a").addClass("test02"); $("a", this).removeClass("test02");//當(dāng)前l(fā)i中的a標(biāo)簽 $("a", this).addClass("test01"); var title_index = $(this).index();//當(dāng)前l(fā)i的index //li中所有的img var allImg = $(".test li img"); for ( var i = 0; i < allImg.size(); i++) { if (i % 2 == 0) { $(allImg[i]).attr("src", "images/b04.gif");//改變img的src } else { $(allImg[i]).attr("src", "images/b05.gif"); } } //當(dāng)前l(fā)i中的img var imgs = $("img", this); for ( var i = 0; i < imgs.size(); i++) { if (i == 0) { $(imgs[i]).attr("src", "images/b01.gif"); } else { $(imgs[i]).attr("src", "images/b02.gif"); } } if (title_index == 0) { $("#a).hide(); $("#b").show(); } else { $("#b").hide(); $("#a").show(); } })
相關(guān)文章
JQuery讀取XML文件數(shù)據(jù)并顯示的實(shí)現(xiàn)代碼
今天向大家演示如何通過(guò)JQuery框架為空白HTML文檔加載從XML文件讀取的數(shù)據(jù)并顯示出來(lái)。我們將會(huì)主要用到JQuery自帶過(guò)程$.get 。2009-12-12使用jquery+CSS實(shí)現(xiàn)控制打印樣式
這篇文章主要介紹了使用jquery+CSS實(shí)現(xiàn)控制打印樣式,需要的朋友可以參考下2014-12-12jquery實(shí)現(xiàn)郵箱自動(dòng)補(bǔ)全功能示例分享
這篇文章主要介紹了jquery實(shí)現(xiàn)郵箱自動(dòng)補(bǔ)全功能,大家參考使用吧2014-02-02jquery注冊(cè)文本框獲取焦點(diǎn)清空,失去焦點(diǎn)賦值的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇jquery注冊(cè)文本框獲取焦點(diǎn)清空,失去焦點(diǎn)賦值的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-09-09jquery獲取input type=text中的值的各種方式(總結(jié))
下面小編就為大家?guī)?lái)一篇jquery獲取input type=text中的值的各種方式(總結(jié))。小編覺(jué)的挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-12-12jQuery實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)彈出提示信息的地圖熱點(diǎn)效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)彈出提示信息的地圖熱點(diǎn)效果,涉及jquery鼠標(biāo)事件及頁(yè)面元素樣式的動(dòng)態(tài)操作技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-08-08jquery實(shí)現(xiàn)帶二級(jí)菜單的導(dǎo)航示例
這篇文章主要介紹了jquery實(shí)現(xiàn)帶二級(jí)菜單的導(dǎo)航示例,需要的朋友可以參考下2014-04-04