jQuery snippets

Verificare l’esistenza di un elemento nel DOM

Vi sarà capitato di dover verificare l’esistenza o meno di un elemento del DOM. Con jQuery potrebbe venir spontaneo provare con:

1
2
3
if ( $("#mioIDElemento") ){
    // esiste, faccio qualcosa
}

Niente di più forviante, infatti jQuery in questo caso restituisce comunque un [Object object]. Il modo corretto, anzi i modi possibili e corretti, sono:

1
2
3
if ($("#mioIDElemento").length > 0){
    // esiste, faccio qualcosa
}

oppure:

1
2
3
if ($("#mioIDElemento").length){
    // esiste, faccio qualcosa
}

oppure:

1
2
3
if ($("#mioIDElemento").size()){
    // esiste, faccio qualcosa
}

oppure:

1
2
3
if ($("#mioIDElemento")[0]){
    // esiste, faccio qualcosa
}

Ottenere la versione di jQuery

1
2
3
$().jquery;
// oppure
jQuery.fn.jquery;

Eseguire un evento

Se ad un elemento del DOM è associato un evento, è possibile scatenarlo in due modi:

1
2
3
4
5
6
7
8
9
10
// Associo un evento ad un mio elemento con id bottone
$('#bottone').click(
    function() {
        alert( 'Cliccato bottone' );
    });

// Successivamente posso scatenare l'evento in questo modo
$('#bottone').click();
// oppure
$('#bottone').trigger('click');

Non ci sono commenti per questo Post

Lascia un commento

TAG XHTML PERMESSI: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> INSERIMENTO CODICE: 
<pre></pre> // blocco generico
                   <code></code> // blocco generico
                   [cc_actionscript][/cc_actionscript] // Actionscript
                   [cc_actionscript3][/cc_actionscript3] // Actionscript 3
                   [cc_css][/cc_css] // CSS Style Sheet
                   [cc_html][/cc_html] // HTML
                   [cc_js][/cc_js] // Javascript
                   [cc_objc][/cc_objc] // Objective-C
                   [cc_php][/cc_objc] // PHP
                   [cc_sql][/cc_sql] // SQL