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();
}
})
相關文章
JQuery讀取XML文件數(shù)據(jù)并顯示的實現(xiàn)代碼
今天向大家演示如何通過JQuery框架為空白HTML文檔加載從XML文件讀取的數(shù)據(jù)并顯示出來。我們將會主要用到JQuery自帶過程$.get 。2009-12-12
這篇文章主要介紹了使用jquery+CSS實現(xiàn)控制打印樣式,需要的朋友可以參考下2014-12-12
這篇文章主要為大家詳細介紹了layui導航欄效果的實現(xiàn)代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
下面小編就為大家?guī)硪黄啿サ暮唵螌崿F(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
這篇文章主要介紹了jquery實現(xiàn)郵箱自動補全功能，大家參考使用吧2014-02-02
鼠標事件是指用戶在移動鼠標光標或者點擊任意鼠標鍵時觸發(fā)的事件,jQuery中封裝了基本上所有的鼠標事件包括點擊,雙擊,移動等鼠標事件,下面我們就來看下這些事件的語法和用法2015-08-08
下面小編就為大家?guī)硪黄猨query注冊文本框獲取焦點清空,失去焦點賦值的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
jquery獲取input type=text中的值的各種方式(總結)
下面小編就為大家?guī)硪黄猨query獲取input type=text中的值的各種方式(總結)。小編覺的挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-12-12
jQuery實現(xiàn)鼠標經過彈出提示信息的地圖熱點效果
這篇文章主要介紹了jQuery實現(xiàn)鼠標經過彈出提示信息的地圖熱點效果,涉及jquery鼠標事件及頁面元素樣式的動態(tài)操作技巧,非常具有實用價值,需要的朋友可以參考下2015-08-08
這篇文章主要介紹了jquery實現(xiàn)帶二級菜單的導航示例,需要的朋友可以參考下2014-04-04