Manuale jQuery

Follow on Facebook Share on Twitter Share on Google Share on Linkedin Share on Blogger Share on Flipboard Share on Tumblr

Controlla se gli elementi selezionati hanno una classe css

$(selector).hasClass(classname)

Se uno degli elementi selezionati ha il nome della classe specificato, il metodo restituisce true.

Esempio

<script>
$(document).ready(function(){
	$("button").click(function(){
		if ($("p").hasClass("classe1")) {
			$("p").addClass("classe2")
		}
	});
});
</script>
<style>
.classe1 {
	font-weight:bold;
}
.classe2 {
	border:1px solid  red;
}
</style>
<p class="classe1">paragrafo 1.</p>
<p class="classe1">paragrafo 2.</p>
<p>paragrafo 3.</p>
<button>Cambia classe</button>

In questo caso il paragrafo 3 non ha la classe “classe1”, a gli viene applicata comunque la “classe2” poiché il metodo restituisce true.

Se invece volessimo applicare la “classe2” solo ai paragrafi che hanno la “classe1”, dovremmo usare una sintassi del genere:

<script>
$(document).ready(function(){
	$("button").click(function(){
		$("p").each(function(){
			var p = this;
			if ($(p).hasClass("classe1")) {
				$(p).addClass("classe2");
			}
		});        
	});
});
</script>
<style>
.classe1 {
	font-weight:bold;
}
.classe2 {
	border:1px solid  red;
}
</style>
<p class="classe1">paragrafo 1.</p>
<p class="classe1">paragrafo 2.</p>
<p>paragrafo 3.</p>
<button>Cambia classe</button>

Manuale jQuery

 

A colpo d'occhio

  • Script C#

    Script C# per tutte le esigenze: database, sessioni, file, contatori, stringhe, date, e-mail, e tanto altro

  • Manuale C#

    Manuale completo di C# per principianti e non

  • Script VB.Net

    Script VB.Net Visual Basic .net: database, sessioni, file, contatori, stringhe, date, e-mail, e tanto altro

  • Manuale SQL

    Manuale di SQL con particolare attenzione a T-SQL di Microsoft SQL Server

  • Seo

    Tecniche di posizionamento indicizzazione e ottimizzazione dei siti web per nei motori di ricerca

  • Manuale CSS

    Manuale completo sui CSS per principianti e non

Be Responsive

HTML 5

HTML 5

HTML 5 è un linguaggio di markup utilizzato per la strutturazione e il contenuto delle pagine Web.

CSS 3

CSS 3

CSS 3 è l'ultima evoluzione dei fogli di stile CSS. Contiene molte novità come angoli arrotondati, ombre, sfumature, transizioni o animazioni.

jQuery

jQuery

jQuery è una libreria JavaScript cross-platform progettata per semplificare lo scripting lato client.