Rumah hujung hadapan web tutorial js Bagaimana jQuery mengubah suai gaya di bawah li dan nilai src img di bawah li_jquery

Bagaimana jQuery mengubah suai gaya di bawah li dan nilai src img di bawah li_jquery

May 16, 2016 pm 04:32 PM
img li src

Cara jQuery mengubah suai gaya di bawah li dan nilai src img di bawah li Berikut ialah kod pelaksanaan khusus Rakan yang memerlukannya boleh melihatnya

$(".test li").click(function() {
$(".test li a").removeClass("test01");
$(".test li a").addClass("test02");
$("a", this).removeClass("test02");//当前li中的a标签
$("a", this).addClass("test01");
var title_index = $(this).index();//当前li的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");
}
}
//当前li中的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();
} 
})
Salin selepas log masuk

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Bagaimana untuk membuka fail img Bagaimana untuk membuka fail img Sep 18, 2023 am 09:40 AM

Kaedah untuk membuka fail img termasuk menggunakan perisian pemacu optik maya, menggunakan perisian pemampatan dan menggunakan alat khas. Pengenalan terperinci: 1. Gunakan perisian pemacu optik maya untuk membuka, memuat turun dan memasang perisian pemacu optik maya, klik kanan fail img, pilih "Buka dengan" atau "Program Bersekutu", pilih perisian pemacu optik maya yang dipasang dalam pop timbul kotak dialog -up, maya Perisian pemacu optikal secara automatik akan memuatkan fail img dan menggunakannya sebagai imej cakera dalam pemacu optik maya Klik dua kali pada ikon cakera dalam pemacu optik maya untuk membuka fail img dan mengakses kandungannya. dll.

Bagaimana untuk membuka fail img Bagaimana untuk membuka fail img Jul 06, 2023 pm 04:17 PM

Cara membuka fail img: 1. Sahkan laluan fail img 2. Gunakan pembuka fail img 3. Pilih kaedah pembukaan; 5. Simpan gambar; Fail img ialah format fail imej yang biasa digunakan, biasanya digunakan untuk menyimpan data gambar.

Apakah maksud src dan href? Apakah maksud src dan href? Aug 16, 2023 pm 05:00 PM

src dan href masing-masing, 1. src ialah singkatan sumber, yang digunakan untuk menentukan laluan sumber luaran Ia biasanya digunakan untuk membenamkan fail luaran, seperti gambar, audio, video, dll. Atribut src secara amnya digunakan pada img, skrip, iframe dan tag lain ; 2. href ialah singkatan rujukan hiperteks, yang digunakan untuk menentukan laluan sumber sasaran hiperpautan. Atribut href biasanya digunakan pada teg seperti pautan dan.

Apakah format img? Apakah format img? Mar 17, 2023 am 10:33 AM

img ialah format pemampatan fail, terutamanya digunakan untuk mencipta fail imej cakera liut Ia boleh digunakan untuk memampatkan kandungan keseluruhan cakera liut atau keseluruhan fail CD dengan sambungan ".IMG" dibuat menggunakan format fail ini. ; Fail img merangkumi 3 nod asas, iaitu "Ehfa_HeaderTag", "Ehfa_File" dan "Ehfa_Entry".

Apakah unsur li? Apakah unsur li? Aug 03, 2023 am 11:19 AM

li ialah elemen dalam bahasa penanda HTML dan digunakan untuk membuat senarai. li mewakili item senarai, yang merupakan elemen anak ul atau ol Peranan tag li adalah untuk menentukan setiap item dalam senarai. Dalam HTML, elemen li biasanya digunakan dengan elemen ul atau ol untuk mencipta senarai tersusun atau tidak tersusun menggunakan elemen ul, dan item senarai diwakili oleh elemen li, manakala senarai tersusun menggunakan elemen ol, juga menggunakan. li Perwakilan unsur.

Apakah li dalam html Apakah li dalam html Nov 19, 2021 pm 03:31 PM

Dalam HTML, nama penuh bahasa Inggeris li ialah "item senarai", yang bermaksud "item senarai". Teg <li>" Tersedia dalam senarai tersusun "<ol>" dan senarai tidak tersusun "<ul>".

Apakah perbezaan dalam fungsi dan penggunaan antara atribut src dan atribut href? Apakah perbezaan dalam fungsi dan penggunaan antara atribut src dan atribut href? Dec 28, 2023 am 08:20 AM

Atribut src dan atribut href ialah atribut yang biasa digunakan dalam HTML dan digunakan untuk memuatkan sumber luaran. Walaupun mereka mempunyai tujuan yang sama, terdapat beberapa perbezaan dalam penggunaan dan tujuan. Atribut src: Atribut src digunakan untuk menentukan sumber luaran untuk dibenamkan dalam dokumen Ia digunakan terutamanya untuk memperkenalkan fail skrip luaran dan fail media ke dalam dokumen HTML. Ia boleh digunakan dalam situasi berikut: Perkenalkan fail JavaScript luaran: Pautkan fail JavaScript luaran ke halaman HTML melalui atribut src.

U cakera pe tidak boleh membaca img U cakera pe tidak boleh membaca img Mar 19, 2024 pm 12:07 PM

Cakera U ialah salah satu peranti storan yang kerap digunakan. Terdapat juga beberapa masalah kecil semasa digunakan. Tidak boleh membaca pemacu denyar USB? 4 langkah untuk mengajar anda cara menyelesaikan masalah dengan mudah Selepas pemacu denyar USB telah dimasukkan ke dalam komputer, klik menu Mula, pilih Panel Kawalan dan letakkannya! Tidak boleh membaca pemacu denyar USB? 4 langkah untuk mengajar anda menyelesaikan masalah dengan mudah Cari dan klik dua kali Pengurus Peranti dalam Panel Kawalan. Simpankan! Tidak boleh membaca pemacu kilat USB? 4 langkah untuk mengajar anda menyelesaikan masalah dengan mudah. ​​Cari pengawal bas bersiri universal pada antara muka utama pengurus peranti dan letakkannya! Tidak boleh membaca pemacu kilat USB? 4 langkah untuk mengajar anda cara mencari peranti storan massa USB dengan mudah, pilihnya, klik kanan, cari Nyahpasang dan letakkannya! Tidak boleh membaca pemacu kilat USB? 4 langkah untuk mengajar anda cara menyelesaikan masalah dengan mudah Selamat tinggalkan mesej untuk perbincangan!

See all articles