6 jquery sfaturi și trucuri pentru programatori

jquery este una dintre cele mai bune biblioteci JavaScript, care este conceput pentru a simplifica procesele, cum ar fi animațiile, manipularea evenimentelor, AJAX și scripting pe partea clientului. De asemenea, are mai multe plug-uri JQuery pentru a ajuta dezvoltatorii să creeze site-uri web și de pagini web ușor și ușor și trucuri, care vor fi de mare ajutor pentru programatori.

1) Dezactivați butonul drept al mouse-ului cu jQuery

Ascundeți informațiile de pe site pot fi destul de utile în majoritatea ocaziilor. Acest lucru se face prin dezactivarea butonului drept al mouse-ului, iar cu jquery poate fi realizat cu următoarele linii de cod:

iv id = „91c8c02b9e”
3
3
4
5
7

td>

td>

td>

$ (Document). Eready (FUNCTION () {
// Captează meniul Click dreapta
$ (document) .bind („contextmenu”, funcția ( E) {
// mesaj de avertizare (opțional)
Alertă („dezactivată!”);
retur fals;
} );
});

e0eacb0dfc „

2) Schimbarea dimensiunii textului cu jQuery

Utilizatorii pot schimba dimensiunea (creșterea și micșorarea) textului site-urilor web cu următorul cod:

javascript

iv id = „54DE517523”

3) Deschideți link-uri în ferestre noi cu jQuery

Dacă doriți să deschideți un link într-o fereastră nouă cu jQuery, trebuie să utilizați următorul cod:

javascript

iv id = „54DE517523”

div id = „91c8c02b9e”
1
2
3
6
8

div>

9
10
13
15
16
16
16
18
21
22
24
24

27

$ (Document). Eready (Funcție () {
// Găsiți dimensiunea sursei AC Tual
var originefontsize = $ (‘html’). CSS („dimensiune font”);
// Creșteți dimensiunea textului
$ („cremăFont”). Faceți clic pe (Funcție () {
Var CurrentFontsize = $ (HTML ‘). CSS („Dimensiune font”);
VAR CurrentFontsizenumer = parsefloat (CurrentFontsize, 10);
var Newfontsize = CurrentFontsizenumer * 1.2;
$ (‘Html’). CSS („font-size”, Newfontsize);
retur fals;
});
// Reduceți dimensiunea textului
$ („Sidefont”). Faceți clic pe (Funcție () {
Var CurrentFontsize = $ (‘HTML’ ). CSS („Dimensiune font”);
Var Currentfontsizenum = parsefloat (CurrentFontsize, 10);
var Newfontsize = CurrentFontsizenum * 0.8;
$ (‘HTML’). CSS („Dimensiune font”, Newfontsize);
retur fals;
});
// Schimbarea dimensiunii sursei
$ („resetfont”). Faceți clic pe (Funcție () {
$ (‘html’). css Font-size „, originalfontize);
});
});

div id = „bf56c33084”

$ (document) Funcție () {
// Selectați toate etichetele de legătură care au http în href
// și aplicați atributul țintă = _blank
$ (” A”).attr („țintă”, „_ goale”);
});

4) Cambiar la hojas de esilo con jQuery

Pueddes Intercambiar Los Archivos Css con JQuery Usando El Siguiente Código:

54de517523 „

div id = „91c8c02b9e”
2
3
4

iv id = „91c8c02b9e”

1
2
3
4
6

$ (document) .Ready (funcția () {
$ („.cssswap „). Faceți clic pe (Funcție () {
// Cambiar El EN ENLLACE ATRIBUTO REL Con El Valor En El Rel
Div> $ („Link”). Attr (‘HREF’, $ (Aceasta) .Attr (‘rel’) ;
});
});

5) Volver Al Principio de un Sitio Web JQuery

Volver A La Parte Superior ESA Funciã³n Bastante Comãnit en Casi Todos Los Sitios Web. Esta Funcionalidad Es Muy ãºtil Para Pã Pauso:

iv id =” F9A913089B „

JavaScript

IV id = „54DE517523”

iv id = „91c8c02b9e”
2
3
4
5
7

$ (Document) .Ready (FUNCȚIA () {
// Cuando SE Hace Clic en El Enlace ID = „TOP”
$ (‘# TOP’). CLICK (FUNCȚIA () {
// Volver Al INIOIO DE LA PAGINA
$ (Document) .scrollto (0,500);
}

6) obteer la POSICIón del cursor con jQuery

Puedes Obtener Los Valores de Las Codenadas X E Y Del Puntero Del Ratón Con El Siguiente Código:

DIV ID = „D2Bebb153d”>

JavaScript

iv id =”

iv id =” 91c8c02b9e „

2
3
3
4

iv id = „bf56c33084”
$ (). Mousemove (function (e) {
// Mostrar Los Valores Xey de Eje en El EL interne del elemento p
$ (‘p’). html („x axa:” + E.pagex + „| Y ax „+ E.pagey);
});

div . Solo Te Pido UNA PEQUEà ± ACCIRón Social, ES Description, ONU ca, Twitt O +1 ðÿ~ ‰

7) Precarga de imà ¡Genes con jquery

si deskeas mejorar el tiempo de carga de tu stio web, es bastante ãºtil usar UNA PRECARGA, con La congela Renentimiento, Y POR ENDE Mejor Experiencia Al Uuario. Paras Esto, Puedes Ushear El Siguiente Código:

JavaScript

1
2
3
4
4
5
6

div id = „bf56c33084”

jquery.proadimagesinwebpage = funcția ()
{
pentru (var ctr = 0; CTR < argumente.length; CTR ++)
{
$ (elementodondestemrarà ¡) .Attr („src”, argumente);
}

Para Utilizar El MÃ © Todo anterior, Pued Utilizar El Siguiente Fragmento de Código:

Div id = „D2Bebb153d”>

iv id = „F9A913089B”

iv id = „170744A5b0”

div id = „91c8c02b9e”

$ .Preloadimages („imagine1.gif”, „image2.gif”, „image3.gif”);

EL SIGUIENTE Fragmento de CóDigo:

div Id = „D2Bebb153d”>

iv id = „F9A913089B”

iv id = „F9A913089B”

JavaScript

iv id = „54de517523”

8) Detectar CoDEnDAS ACTALES DEL RATóN

CON El Siguiente CóDigo Puedes OBTENER LAS Coordonadas del Puntero En El Navegador Web:

DIV ID = „D2Bebb153d”>

iv id = „F9A913089B”

JavaScript

iv id = „54de517523”

div id id = „

div id = „bf56c33084”

$ (document). ) {
$ (). mousemove (function (e)
{
$ (‘# # mousercoordinates’) .html („x poziția axei =” + e.pagex + „și y poziția axei =” + E.pagey);
});

1
3

$ (‘# ImageBject’). Attr (‘src’, ‘image1.gif’).încărcare (funcția () {
Alertă („Imaginea a fost încărcată” „);
});

div id =” 91c8c02b9e „
1
3
3
4
5

Leave a Comment

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *