¿Es así como defines una función en jQuery?

Question

¿Es así como define una función en jQuery?

$(document).ready(function() { 
    var MyBlah = function($blah) { alert($blah); }; 
}); 

Ahora llamar a la función que hago:

MyBlah('hello'); 

Answer 1

En primer lugar, su código funciona y que es una forma válida de crear una función en Javascript (jQuery a un lado), pero debido a que se está declarando una función dentro de otra función (una anónima en este caso) "MyBlah" no será accesible desde el alcance global.

He aquí un ejemplo:

$(document).ready(function() { 

    var MyBlah = function($blah) { alert($blah); }; 

    MyBlah("Hello this works") // Inside the anonymous function we are cool. 

}); 

MyBlah("Oops") //This throws a JavaScript error (MyBlah is not a function) 

Ésta es (a veces) un comportamiento deseable ya que no contaminan el espacio de nombres global, así que si su función no tiene por qué ser llamado desde otra parte de su código , Este es el camino a seguir.

Al declararlo fuera de la función anónima, se coloca en el espacio de nombres global y se puede acceder desde cualquier lugar.

Por último, el $ al comienzo del nombre de la variable no es necesaria, y utiliza a veces como una convención jQuery cuando la variable es una instancia del objeto en sí mismo jQuery (no necesariamente en este caso).

Tal vez lo que necesita es la creación de un jQuery plugin, esto es muy muy fácil y útil, así, ya que permitirá que usted pueda hacer algo como esto:

$('div#message').myBlah("hello") 

Ver también: http://www.re-cycledair.com/creating-jquery-plugins

Answer 2

No, simplemente puede escribir la función como:

$(document).ready(function() { 
    MyBlah("hello"); 
}); 

function MyBlah(blah) { 
    alert(blah); 
} 

Este llama a la función MyBlah en el contenido listo.

Answer 3

Así es como define una función anónima a la que se llama cuando el documento está listo.

Answer 4

Nº

Se definen las funciones de la misma manera que lo haría en javascript regular.

//document ready 
$(function(){ 
    myBlah(); 
}) 

var myBlah = function(blah){ 
    alert(blah); 
} 

También: No hay necesidad de que el $

Answer 5

Puede Extienda el prototipo jQuery y use su función como un método jQuery.

(function($) 
{ 
    $.fn.MyBlah = function(blah) 
    { 
     $(this).addClass(blah); 
     console.log('blah class added'); 
    }; 
})(jQuery); 

jQuery(document).ready(function($) 
{ 
    $('#blahElementId').MyBlah('newClass'); 
}); 

Más información sobre la extensión de prototipo jQuery aquí: http://api.jquery.com/jquery.fn.extend/

Answer 6

jQuery.fn.extend({ 
    zigzag: function() { 
     var text = $(this).text(); 
     var zigzagText = ''; 
     var toggle = true; //lower/uppper toggle 
      $.each(text, function(i, nome) { 
       zigzagText += (toggle) ? nome.toUpperCase() : nome.toLowerCase(); 
       toggle = (toggle) ? false : true; 
      }); 
    return zigzagText; 
    } 
});