JQuery'de bir işlevi nasıl tanımlarsınız?

Question

JQuery'de bir işlevi nasıl tanımlarsınız?

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

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

Bu hazır içeriğine işlevini MyBlah çağırır:

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

Şimdi yapmam işlevi çağırmak için: olarak

MyBlah('hello'); 

Answer 1

First, kod işler için gerek ve bir fonksiyon ilan çünkü o (kenara jQuery) JavaScript bir işlevi oluşturma geçerli bir yol, ama Başka bir işlev içinde (bu durumda anonim olan) "MyBlah" küresel kapsamdan erişilemez. İşte

bir örnek:

$(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) 

Bu fonksiyon ihtiyacı yoksa bu yüzden, genel ad alanını kirletmeyen beri arzu davranış kodunun diğer kısmından çağrılacak (bazen) 'dir Bu, gitmenin yolu.

Anonim işlev dışında bildirmek onu genel ad alanına yerleştirir ve her yerden erişilebilir.

Son olarak, değişken adının başında $ (şart değil bu durumda) ihtiyacı vardı ve değişken jQuery örneği olduğunda bazen kendisini nesne bir jQuery kongre olarak kullanılmaz.

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

Ayrıca bkz: http://www.re-cycledair.com/creating-jquery-plugins

Answer 2

Hayır, sadece işlev yazabilirsiniz.

Answer 3

Bu, belge hazır olduğunda çağrılan anonim bir işlevi nasıl tanımladığınızdır.

Answer 4

sayılı

Tam olarak normal javascript olur aynı şekilde işlevlerini tanımlar. Ayrıca

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

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

: Orada her şeyden $

Answer 5

Yapabilirsiniz ne bir jQuery plugin yaratıyor ihtiyaç

Belki, işte bu böyle bir şey yapmanızı sağlayacaktır beri de çok çok kolay ve kullanışlıdır jQuery prototipini genişletin ve işlevinizi jQuery yöntemi olarak kullanın. Burada jQuery prototipini uzatma konusunda

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

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

diğer bilgiler: 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; 
    } 
});