6 JQuery Suggerimenti e trucchi per i programmatori

JQuery è una delle migliori librerie JavaScript, che È progettato per semplificare processi come animazioni, gestione degli eventi, Ajax e scripting sul lato del cliente. Ha anche diversi plugin jquery per aiutare gli sviluppatori a creare siti Web e pagine Web in modo semplice e semplice.

jQuery

Quindi condividere alcuni suggerimenti jQuery e trucchi, che saranno di grande aiuto per i programmatori.

1) Â Disabilita il tasto destro del mouse con jQuery

Nascondi informazioni dal sito Web può essere abbastanza utile nella maggior parte delle occasioni. Questo viene fatto disattivando il tasto destro del mouse, e con jquery può essere ottenuto con le seguenti linee di codice:

JavaScript

2
3
4
5
7
8

td>

$ (documento) .ready (funzione () {
// cattura il menu del tasto destro del tasto destro del tasto destro
$ (documento) .bind (“contextmenu”, funzione ( E) {
// messaggio di avviso (opzionale)
Alert (“disattivato!”);
return false;
} );
});

2) Â Cambia la dimensione del testo con jQuery

Gli utenti possono modificare le dimensioni (aumentare e diminuire) il testo dei siti Web con il seguente codice:

javascript

1
2
3
4
6
7
8

div>

9
10
12
13
14
15
16
18
19
20
21
22
24
25
27
28

29

$ (documento) .ready (funzione () {
// Trova la dimensione della fonte AC Tual
var originalfontsize = $ (‘html’). CSS (‘font-dimensione’);
// Aumenta la dimensione del testo
$ (“. Increasreasefont”). Fare clic (funzione () {
var currentfontsize = $ (‘html ‘). CSS (‘ Font-Dimensione ‘);
VAR CORRENTFONTSIZENUMER = PAINSEFLOAT (CORRENTEFONTIZE, 10);
VAR NEXFONTIZE = CORRENTEFONTIZENUMER * 1.2;
$ (‘HTML’). CSS (‘dimensione del font’, newfontsize);
return false;
});
// Diminuisci la dimensione del testo
$ (“decrersilefont”). Fare clic su (funzione () {
var currentfontsize = $ (‘html’ ). CSS (‘Dimensione’ ” Dimensione ‘);
VAR CORRENTFONTSIZENUM = Passefloat (correnteFontsize, 10);
var newfontsize = correnteFontsizenum * 0.8;
$ (‘HTML’). CSS (‘dimensione del carattere’, newfontsize);
return false;
});
// Cambia dimensione origine
$ (“. resetfont”). Fare clic su (funzione () {
$ (‘html’). css (‘ Font-Dimensione ‘, OriginalFontSize);
});
});

3) Â Apri collegamenti in nuove finestre con jQuery

Se si desidera aprire un collegamento in una nuova finestra con JQuery, è necessario utilizzare il seguente codice:

javascript

2
3
4

5

$ (documento). Funzione () {
// Seleziona tutte le etichette del collegamento che hanno HTTP in HREF
// e applica l’attributo di destinazione = _blank
$ (” UN”).attr (‘target’, ‘_ vuoto’);
});

4) â cambiar la hojas de estilo con jquery

puedes intercambiar los archivos css con jquery usando el siguiente código:

JavaScript

1
2
3
4
5
6

$ (documento) .ready (funzione () {
$ (“a.cssswap”). clic (funzione () {
// cambiar el rinuncia atributo rel con el valor en el rel
$ (‘link’). Attr (‘HREF’, $ (questo) .ATTR (‘REL’))). ;
});
});

5) Â Volver al Principio de un sitio web con JQuery

volver a la parte superior es a funzioni bastante común en casi todos los siios web. ESTA FUNCIONALIDAD ES MUY úTIL PARA PáGINAS CUYO CONTENIDO ES Extenso:

JavaScript

1
2
3
4
5
6
7

$ (documento) .ready (funzioni () {
// cuando se hace clic en el enlore id = “top”
$ (‘# top’). click (funzione () {
// volver al inicio de la pagina
$ (documento) .scrollto (0,500);
}
});

6) Â obtener la Posición del cursore con jquery

puedes obtener los valores de las coordenadas x e y del puntero del ratón con el siguiente código:

JavaScript

1
2
3
4

$ (). MouseMove (funzione (E) {
// mostrar los valori xey de eje en el interior del elemento p
$ (‘p’). html (“x asse:” + e.pagex + “| Asse y “+ e.pagey);
});

JQuery Brinda Muchas Más Funciones, Y Para queo no tedes con las ansias de ver algunas inteesantes, decidido Agregar dos funciones Que de seguro te servirán para ottimizar tu desararollo web, un cambio Solo te pido una pequeà ± a Acción Social, Es Decir, Un simile, Twitt o +1 Ðÿ ~ ‰

7) Precarga de imã ¡Genes con jQuery

si deseas mejorar el tiempo de carga de tu sitio web, es bastante útil usar una precarga, con la cual, darás un mejor rendimiento, y porre una mejor esperiencia al usuario. PARO ESTO, PUEDES USAR EL SIGUENTE CóDigo:

JavaScript

1
2
3
4
5
6
7

jquery.preloadimagesinwebpage = funzione ()
{
per (var ctr = 0; CTR < Argoments.Lunghezza; ctr ++)
{
$ (elementodondesesemestrará) .ATTR (“SRC”, argomenti);
}
}

PARIS UTILIZAR EL Mà © Todo anteriore, Puede Utilizar El Siguiente fragmento de código:

javascript

1

$ .preloadimages (“image1.gif”, “image2.gif”, “image3.gif”);

para comprabar si un immagine se ha cargado, pu beede utilizar El Siguiente fragmento de código:

JavaScript

1
2
3

$ (‘# immaginiObject’). ACT (‘SRC’, ‘IMAGE1.GIF’).caricamento (funzione () {
Alert (‘L’immagine è stata caricata …’);
});

8) Detectar coordenadas effettivi del ratón

con el siguiente código puedes obtener las coordenadas del puntero en el navegador web:

JavaScript

1
2
3
4
5

$ (documento). ) {
$ (). mouseMove (funzione (E)
{
$ (‘# mousecoordinate’) .html (“x posizione Axis =” + E.PAGEX + “e Y AXIS POSIZIONE =” + E.PAGEY);
});

Leave a Comment

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *