Rumah > hujung hadapan web > tutorial js > Gunakan JS untuk melaksanakan kemahiran addClass, removeClass dan hasClass jQuery functions_javascript

Gunakan JS untuk melaksanakan kemahiran addClass, removeClass dan hasClass jQuery functions_javascript

WBOY
Lepaskan: 2016-05-16 16:32:34
asal
1381 orang telah melayarinya

Tiada omong kosong lagi, mari terus ke kod

Salin kod Kod adalah seperti berikut:

fungsi addClass(obj, cls){
var obj_class = obj.className,//Dapatkan kandungan kelas.
Kosong = (obj_class != '') ? ' ' : '';//Tentukan sama ada kelas yang diperolehi kosong, jika tidak, tambahkan 'ruang' di hadapan.
tambah = obj_class blank cls;//Gabungkan kelas asal dan kelas yang perlu ditambah.
Obj.className = ditambah;//Gantikan kelas asal.
}

fungsi removeClass(obj, cls){
var obj_class = ' ' obj.className ' ';//Dapatkan kandungan kelas dan tambahkan ruang pada permulaan dan akhir) 'abc bcd' -> obj_class = obj_class.replace(/(s )/gi, ' '),//Gantikan aksara null tambahan dengan ruang) ' abc bcd ' -> Dialih keluar = obj_class.replace(' ' cls ' ', ' ');//Ganti kelas dengan ruang pada permulaan dan akhir kelas asal) ' abc bcd ' -> Dialih keluar = dibuang.ganti(/(^s )|(s $)/g, '');//Alih keluar ruang hadapan dan belakang ex) 'bcd ' -> Obj.className = dialih keluar;//Gantikan kelas asal.
}

fungsi hasClass(obj, cls){
var obj_class = obj.className,//Dapatkan kandungan kelas.
Obj_class_lst = obj_class.split(/s /);//Tukar cls kepada tatasusunan dengan membelah aksara nol.
x = 0;
untuk(x dalam obj_class_lst) {
If(obj_class_lst[x] == cls) {//Gelung tatasusunan untuk menentukan sama ada ia mengandungi cls
             kembali benar;
}
}
Kembalikan palsu;
}


Label berkaitan:
sumber:php.cn
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan