Bagaimana untuk menyemak sama ada objek mempunyai gaya tertentu dengan jquery

Kaedah: 1. Jika gaya ialah gaya sebaris, anda boleh menggunakan nilai atribut gaya untuk menilai Sintaksnya ialah "var a = $(this).attr("style").indexOf ("atribut"); if(a != (-1)){...}else{...}"; 2. Jika gaya ialah gaya kelas, anda boleh menggunakan kelas untuk menilai, dan sintaksnya ialah "if(element object.attr("class") .indexOf("divclass")>0){...}else".

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi jquery 3.6.0, komputer Dell G3.

Bagaimanakah jquery menyemak sama ada objek mempunyai gaya tertentu?

1 Jika css ditulis sebagai gaya sebaris , ia boleh dinilai dengan mendapatkan nilai daripada atribut gaya. Contohnya adalah seperti berikut:

Tentukan sama ada elemen div dengan id divid mempunyai gaya saiz fon:

<div id="divid" style="float:left; font-size:12px;"></div>

Kod jquery adalah seperti berikut:

jQuery("#divid").each(function(){
  var fontSize = $(this).attr("style").indexOf("font-size");
  if(fontSize != (-1)){alert("已定义");}
  else{$(this).css({"float":"left","font-size":"12px"});}
});

Nota: Jika elemen div dengan id divid hanya Satu, maka setiap jquery hanya dilaksanakan sekali.

2. Jika css ditulis sebagai gaya kelas , ia boleh dinilai dengan mendapatkan nilai atribut kelas Contohnya seperti berikut:

Tentukan sama ada elemen div dengan id bagi divid mengandungi divclass gaya kelas:

.divclass{
background-color: #F33;
}
<div id="divid" class="divclass"></div>

kod jquery adalah seperti berikut:

jQuery("#divid").click(function(){
if(jQuery(this).attr("class").indexOf("divclass")>0){
    jQuery(this).removeClass("divclass")
}else{
    jQuery(this).addClass("divclass")
}
});

Cadangan tutorial video: Tutorial video jQuery

Atas ialah kandungan terperinci Bagaimana untuk menyemak sama ada objek mempunyai gaya tertentu dengan jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!