jQuery Wissen

Wrapper

	(function($) {
		$(document).ready(function(){
			/* do something with jQuery */
		});
	})(jQuery);

Events

Events haben auch eigene Funktionen:

	jQuery('.click_me').click(function(){
		alert('clicked');
	});

mittels bind können events an Elemente gebunden werden:

	jQuery('.click_me').bind('click',function(){
		alert('clicked');
	});

mittels live wird gewährleistet, dass auch Elemente, die per AJAX nachgeladen werden die gleiche Funktionalität bekommen:

	jQuery('.click_me').live('click',function(){
		alert('clicked');
	});

eigen definierte Funktionen, die der Benutzer per Optionenübergabe befüllen kann (siehe $.fn.addInputSuggest)

	if (typeof options.onSelect === 'function') {
		options.onSelect(elem);
	}

oder so, wenn mehrere benötigt werden (siehe $.fn.addInputSuggest):

	callFunction(options.onSelect,this);
	callFunction(options.onClick,this);
	function callFunction(myFunc,elem) {
		if (typeof myFunc === 'function') {
			myFunc(elem);
		}
	}

Broken Image Handling

	// Replace source
	$('img').error(function(){
			$(this).attr('src', 'missing.png');
	});

	// Or, hide them
	$("img").error(function(){
			$(this).hide();
	});

Wiki-Datei des Artikels herunterladen