JQ gemeinsame DEMO

1:

//Dieser Code zeigt, wie
// in einem Texttyp-Eingabefeld beibehalten wird, wenn der Benutzer keinen Standardwert eingibt
wap_val = [];
$(".swap").each(function(i){
wap_val[i] = $(this).val();
$ (this).focusin (function(){
if ($(this).val() == swap_val[i]) {
$(this).val("");
}
}). focusout(function(){
if ($.trim($(this).val()) == "") {
$(this).val(swap_val[i]) ;
} });});

2:

var el = $('#id');

el.html(el .html(). replace(/word/ig, ''));

3：

$('button.someClass').live('click ', someFunction);

//Beachten Sie, dass in jQuery 1.4.2 die Delegaten- und Undelegate-Optionen
//anstelle von „Live“ eingeführt wurden, da sie eine bessere Kontextunterstützung bieten.
//Zum Beispiel nur „Für Tabelle“ in der Vergangenheit würde
//.live()
$("table").each(function(){
$("td", this).live("hover" , function(){$(this).toggleClass("hover");
});
});
//Verwenden Sie jetzt
$("table").delegate ("td", " hover", function(){
$(this).toggleClass("hover");
});

4：

Anleitung Erstellte Elemente dynamisch zum DOM hinzufügen:

var newDiv = $('');

newDiv.attr('id','myNewDiv') .appendTo('body'); 🎜>

5:

var cloned = $('#somediv').clone();

6 ：

if($(element).is(':visible') == 'true') {

//Das Element ist sichtbar

}

7:

JQ-Positionierung

jQuery.fn.center = function () {

this.css('position ','absolute');

this.css('top', ( $(window).height() - this.height() ) / $ (window).scrollTop() 'px') ;

this.css('left', ( $(window).width() - this.width() ) / 2 $(window).scrollLeft () 'px'); 🎜> return this;

}

//Verwenden Sie die obige Funktion wie folgt:

$(element).center (); >8:

So fügen Sie die Werte aller Elemente mit einem bestimmten Namen in ein Array ein:

var arrInputValues ​​= new Array();

$(" input[name='table[]']").each(function(){

arrInputValues.push($(this).val());});

9:


So verwenden Sie .siblings() in jQuery, um Geschwisterelemente auszuwählen

$('#nav li').click (function(){

$('#nav li').removeClass('active');$(this).addClass('active') ;});

// Die Alternative ist

$('#nav li').click(function(){

$(this).addClass('active').siblings( ).removeClass('active');

});




10:


Positive oder negative Auswahl

var tog = false

$('a').click(function() { $("input[type=checkbox]").attr("checked",!tog );

tog = ! tog;

});

11:

So erhalten Sie die Mauspad-Cursorposition x und y

$( document).ready(function() {

$(document).mousemove(function(e){

$('#XY').html("X-Achse : ” e.pageX ” | Y-Achse ” e.pageY);});});

🎜>So machen Sie das gesamte Listenelement (LI) anklickbar

$("ul li"). click(function(){
window.location=$(this) .find("a").attr("href");
return false;
});

13:

Wie überprüfe ich das Bild? Wurde es vollständig geladen?

$('#theImage').attr('src', 'image.jpg' ).load(function() {

alert('This Image Has Been Loaded ');

});

14:

Anleitung Überprüfen Sie, ob Cookies aktiviert sindvar dt = new Date();

dt.setSeconds(dt.getSeconds() 60);

document.cookie = "cookietest=1; Expires=" dt .toGMTString();

var CookiesEnabled = document.cookie.indexOf("cookietest=" ) != -1;

if(!cookiesEnabled) {
//Cookies sind nicht aktiviert
}

15;

So verfallen Cookies:

var date = new Date();
date.setTime (date.getTime() (x * 60 * 1000));
$.cookie( 'example', 'foo', { Expires: date });