jQuery修改li下的樣式以及l(fā)i下的img的src的值的方法
更新時間：2014年11月02日 15:13:26 投稿：whsnow
這篇文章主要為大家介紹了jQuery如何修改li下的樣式，以及修改li下的img的src的值，示例代碼很簡單，一看就會
jQuery如何修改li下的樣式，以及修改li下的img的src的值，下面是具體的實現(xiàn)代碼，需要的朋友可以看看
$(".test li").click(function() {
$(".test li a").removeClass("test01");
$(".test li a").addClass("test02");
$("a", this).removeClass("test02");//當前l(fā)i中的a標簽
$("a", this).addClass("test01");
var title_index = $(this).index();//當前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");
}
}
//當前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實現(xiàn)仿百度首頁選項卡切換效果的相關(guān)資料,非常不錯具有參考借鑒價值，需要的朋友可以參考下2016-05-05
當點擊span的時候div和body的事件全部觸發(fā)了。要阻止這種發(fā)生并使用模擬事件。具體實現(xiàn)如下，感興趣的朋友可以參考下2013-09-09
在前臺的表格中單擊單元格便可修改其中的內(nèi)容，回車鍵保存修改的內(nèi)容，esc撤銷保存的內(nèi)容2014-05-05
基于JQuery和DWR實現(xiàn)異步數(shù)據(jù)傳遞
這篇文章主要介紹了基于JQuery和DWR實現(xiàn)異步數(shù)據(jù)傳遞,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-10-10
利用jquery和BootStrap實現(xiàn)動態(tài)滾動條效果
這篇文章主要介紹了利用jquery和BootStrap實現(xiàn)動態(tài)滾動條效果,本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2018-12-12
這篇文章非常全面的介紹了在PC和移動端上jQuery實現(xiàn)瀑布流布局的詳細過程，文中示例代碼介紹的非常詳細，具有一定的參考價值，對瀑布流布局感興趣的小伙伴們可以參考一下2015-10-10
jQuery autocomplate 自擴展插件、自動完成示例代碼
jquery-lib版本是 1.3.2的，該插件是簡單的擴展插件，代碼也比較簡單的封裝。所以看起來也比較簡單不是很費力，當然封裝得也不是很好。2011-03-03
這篇文章主要為大家詳細介紹了jquery實現(xiàn)淘寶商品圖片局部放大，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
jQuery實現(xiàn)Twitter的自動文字補齊特效
本文介紹了一款jQuery實現(xiàn)的文字自動補全特效的插件，該插件可以結(jié)合本地數(shù)據(jù)進行一些操作。推薦關(guān)注一下H5的幾種數(shù)據(jù)存儲的方式（localstorage與sessionstorage、IndexedDB、離線緩存manifest文件）2014-11-11
這篇文章主要介紹了jQuery實現(xiàn)簡單漂亮的Nav導航菜單效果,涉及jQuery響應(yīng)鼠標事件動態(tài)遍歷與操作頁面元素屬性的相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2017-03-03