6 jQuery consellos e trucos para programadores

jQuery é unha das mellores bibliotecas JavaScript, que Está deseñado para simplificar procesos como animacións, manipulación de eventos, ajax e scripting no lado do cliente. Tamén ten varios complementos de jQuery para axudar aos desenvolvedores a crear sitios web e páxinas web con facilidade e facilidade.

jQuery

A continuación, comparta algúns consellos de jQuery E trucos, que serán de gran axuda para os programadores.

1) Â Desactivar o botón dereito do rato con jQuery

Ocultar a información do sitio web pode ser moi útil na maioría das ocasións. Isto faise desactivando o botón dereito do rato e con jQuery pódese conseguir coas seguintes liñas de código:

javascript

2
3
4
5
7
8

td>

$ (documento) .read (función () {
// captura o menú de clic dereito
$ (documento). Beer (“contextmenu”, función ( E) {
// mensaxe de aviso (opcional)
(“desactivado!”);
devolver false;
} );
});

2) Â Cambia o tamaño do texto con jQuery

Os usuarios poden cambiar o tamaño (aumento e diminución) o texto dos sitios web co seguinte código:

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 (función () {
// atopar o tamaño da fonte AC tual
var originalfontsize = $ (‘HTML’). CSS (‘FONT-TAME’);
// Aumentar o tamaño do texto
$ (“. aumentando”). Prema (función () {
var actualFontsize = $ (‘HTML ‘). CSS (‘ font-size ‘);
var actualfontsizenumer = Parsefloat (actualfontsize, 10);
var newfontsize = correrfontsizenumer * 1.2;
$ (‘HTML’). CSS (‘Font-size’, newfontsize);
Devolve false;
});
// Diminuír o tamaño do texto
$ (“DISMOCEFONT”). Prema (Función () {
VAR CurrentFontsize = $ (‘HTML’ ). CSS (‘FONT-TAMA’);
VAR CurrentFontSizenum = Parsefloat (CurrentFontsize, 10);
var newfontsize = correrfontsizenum * 0.8;
$ (‘HTML’). CSS (‘Font-Size’, NewFontsize);
Devolve false;
});
// Cambiar tamaño fonte
$ (“. resetfont”). Prema (función () {
$ (‘HTML’). CSS (‘ Tamaño de font ‘, orixinalFontsize);
});
});

3) Â Enlaces abertos en fiestras novas con jQuery

Se desexa abrir unha ligazón nunha nova fiestra con jQuery, debe usar o seguinte código:

javascript

2
3
4

5

$ (documento) .ready ( Función () {
// Seleccione todas as etiquetas de ligazón que teñen http no HREF
// e aplique o atributo obxectivo = _blank
$ (” A “).attr (‘Target’, ‘_ en branco’);
});

4) Â Cambiar la Hojas de Estilo con jQuery

PUEDES INTERCAMBIAR LOS ARQUIVOS CSS CON JQUERY USANDO EL SIGUIENTE CÓRICO:

javascript

1
2
3
4
5
6

$ (documento) .read (función () {
$ (“A.CSSSWAP”)). Prema (función () {
// Cambiar el enlace atributo rel con el valor en el rel
$ (‘ligazón’). attr (‘href’, $ (este) .attr (‘rel’)) ;
});
});

5) â volver al principio de un sitio web jQuery

Volver a la parte superior ES UNA Función Bastante Común en Casi Todos Los sitios web. Esta funcionidade ES MUYÚS PARA PÁMAS CUYO CONTENIDO ES EXTONSO:

javascript

1
2
3
4
5
6
7

$ (documento) .ais (función () {
// cuando se hace clic en el enlace id = “arriba”
$ (‘# top’). Prema (Función () {
// Volver al inicio de la pagina
$ (documento) .Scrollto (0,500);
}
});

6) Â Obtener la Posición do cursor 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 (función (e) {
// mostrar los valores de eje en el interior del elemento p
$ (‘p’). HTML (“X Axis:” + e.PageX + “| E Axis “+ e.Pagey);
});

jQuery Brinda Más Más Funciones, e para que non te quedes con Las Ansias de Ver Algunas Interesantes, Decidído Agregar Dos Funciones Que de Seguro Te Servirán para optimizar Tu Desarrollo Web, A Cambio SOLO TE PID UNA PEQUEÍA ACCIONA SOCIAL, ES DECIR, ONU LIE, TWIT O +1 ÿÿ ~ ‰

7) PREARGA DE IMAD Genes con jQuery

SI DesaeSe Mejorar El Tiempo de Carga de Tu SITIO WEB, ES BASTANTE ÚRICO UTILAR UNA PRECARGA, CON CUAL, DARÁS UNA MEJOR RENDIMIENTO, Y POR ENDE UNA MEJOR HARSENCIA AL usuario. Para este, puedes usar el siguiente Cã³digo:

javascript

1
2
3
4
5
6
7

jQuery.preloadImagesinwebpage = Función ()
{
para (var ctr = 0; ctr < argumentos.length; CTR ++)
{
$ (elementodondesemosemostrará) .attr (“SRC”, argumentos);
}
}

para utilizar o méxico anterior, puede utilizar o siguiente fragmento de cãizigo:

javascript

1

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

para comprobar SI UNA IMAGEN SE HA CARGADO, PUEDE UTILIZAR EL SIGUIENTE FRAGMENTO DE COãDIGO:

JavaScript

1
2
3

$ (‘# imageobject’). attr (‘src’, ‘image1.gif’).carga (función () {
alerta (‘a imaxe foi cargada …’ ‘);
});

8) Detectar coordenadas Actuales del ratón

con el siguiente Cã³igo Puedes Obtener Las Coordenadas del Puntero en El Navegador web:

iv id = “F9A913089B”

JavaScript

1
2
3
4
5

$ (documento) .ready (función ( ) {
$ (). MOUSEMOVE (función (E)
{
$ (‘# # mousecoordinates’) .html (“X Axis Position =” + e.PAGEX + “e Y Axis Position =” + e.Page);
});

Leave a Comment

O teu enderezo electrónico non se publicará Os campos obrigatorios están marcados con *