periksa jQuery jika elemen mempunyai kelas yang dilampirkan

3 Coretan kod jQuery untuk memeriksa sama ada elemen laman web mempunyai kelas CSS tertentu yang dilampirkan. Boleh digunakan untuk memeriksa sama ada elemen memerlukan pemformatan tambahan atau jika anda ingin melindungi elemen halaman tertentu. Untuk melakukan ini, kita boleh menggunakan fungsi jQuery hasclass () atau jQuery adalah () fungsi.

Atau

Nota: bahawa kaedah ini membolehkan anda menguji perkara lain juga. IE - semak jika elemen tersembunyi.

Soalan Lazim (Soalan Lazim) Mengenai Kelas JQuery dan Element

<span>$("div").click(function(){
</span>	<span>if ( $(this).hasClass("protected") ) {
</span>		<span>//do something it does have the protected class!
</span>		<span>alert("i have the protected class");
</span>	<span>}
</span><span>});</span>

Bagaimanakah saya boleh menggunakan jQuery untuk memeriksa sama ada elemen mempunyai pelbagai kelas? Sebagai contoh, jika anda ingin menyemak sama ada elemen mempunyai kedua -dua 'class1' dan 'class2', anda boleh menggunakan kod berikut:

<span>$("div").click(function(){
</span>   <span>if ( $('#myDiv').is('.pretty.awesome') ) {
</span>	   <span>//do something it does have the protected class!
</span>	   <span>alert("i have the pretty and awesome classes");
</span>   <span>}
</span><span>});</span>

if ($ ('#unsur'). 'Elemen', dan Hasclass ('Class1') dan Hasclass ('Class2') semak jika elemen masing -masing mempunyai 'Class1' dan 'Class2'. Operator && memastikan bahawa kedua -dua syarat mestilah benar.

<span>if ( $('#myDiv').is(':hidden') ) {
</span>   <span>//do something I am hidden!
</span>   <span>alert("i am hidden!");
</span><span>}</span>

Bolehkah saya menggunakan jQuery untuk menambah kelas ke elemen jika ia tidak memilikinya? Berikut adalah cara anda boleh melakukannya:

if (! $ ('#Elemen'). Hasclass ('class1')) {

$ ('#element'). AddClass ('class1'); Jika tidak, AddClass ('class1') menambah 'class1' ke elemen.

Bagaimana saya boleh mengeluarkan kelas dari elemen menggunakan jQuery? Berikut adalah contoh:

$ ('#elemen'). Penyingkiran ('kelas1'); Elemen mempunyai kelas sama sekali menggunakan jQuery. Anda boleh melakukan ini dengan menyemak jika kaedah Attr ('kelas') mengembalikan tidak ditentukan. Begini cara anda boleh melakukannya:

if ($ ('#element'). Attr ('class')! == undefined) {

// lakukan sesuatu

}

dalam kod ini, $ ('unsur') Sekiranya ia tidak ditentukan, elemen itu mempunyai sekurang -kurangnya satu kelas.

bagaimana saya boleh menukar kelas pada elemen menggunakan jQuery?

Anda boleh menggunakan kaedah toggleclass () dalam jQuery untuk menukar kelas pada elemen. Ini bermakna jika elemen mempunyai kelas, ia akan dikeluarkan; Jika ia tidak mempunyai kelas, ia akan ditambah. Berikut adalah contoh:

$ ('#elemen'). Toggleclass ('class1');
Dalam kod ini, $ ('#elemen') memilih elemen dengan elemen id ', dan toggleclass (' class1 ') toggles' class1 'pada elemen.

Atas ialah kandungan terperinci periksa jQuery jika elemen mempunyai kelas yang dilampirkan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!