6 dicas jquery e truques para programadores

jquery é um dos melhores bibliotecas javascript, que é projetado para simplificar processos, como animações, manuseio de eventos, Ajax e scripts no lado do cliente. Ele também tem vários plugins jQuery para ajudar os desenvolvedores a criar sites e páginas da Web com facilidade e facilidade.

jQuery

Compartilhe algumas dicas do jQuery e truques, que serão de grande ajuda para programadores.

1) Desabilite o botão direito do mouse com jQuery

ocultar informações do site pode ser bastante útil na maioria das ocasiões. Isso é feito desativando o botão direito do mouse, e com o jQuery pode ser alcançado com as seguintes linhas de código:

javascript

2
3
4
5
7

td>

$ (documento) .REady (função () {
// captura o menu de clique direito
$ (documento) .bind (“contextmenu”, função ( E) {
// mensagem de aviso (opcional)
alerta (“desativado!”);
return False;
} );
});

2) Alterar o tamanho do texto com jQuery

Os usuários podem alterar o tamanho (aumentar e diminuir) o texto de sites com o seguinte código:

javascript

1
2
3
4
7
8

div>

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

29

$ (documento) .REady (função () {
// encontre o tamanho da fonte AC Tual
var originalfontsize = $ (‘html’). CSS (‘tamanho de fonte’);
// Aumenta o tamanho do texto
$ (“. Aumentefont”). Clique em (Função () {
Var CentrentFontsize = $ (‘HTML ‘). CSS (‘ size-size ‘);
Var CurrentFontsizenumer = parsefloat (CurrentFontSize, 10);
var newfonttsize = CurrentFontsizenumer * 1.2;
$ (‘Html’). CSS (‘tamanho da fonte’, newfonttsize);
Return False;
});
// diminua o tamanho do texto
$ (“DecreasFont”). Clique em (Função () {
Var CentrentFontsize = $ (‘HTML’ ). CSS (‘size-size’);
Var CurrentFontsizen = parsefloat (CurrentFontsize, 10);
var newfonttsize = CurrentFontsizenum * 0,8;
$ (‘HTML’). CSS (‘tamanho da fonte’, newfonttsize);
Return False;
});
// altere o tamanho de origem
$ (“. resetfont”). Clique em (Função () {
$ (‘html’). CSS (‘ Tamanho de fonte ‘, originalfontsize);
});
});

3) Â Abrir links em novas janelas com jQuery

Se você quiser abrir um link em uma nova janela com jQuery, deverá usar o seguinte código:

javascript

2
3
4

$ (documento) .REady (documento). Função () {
// Selecione todos os rótulos de link que possuem HTTP no href
// e aplique o atributo de destino = _blank
$ (” UMA”).attr (‘alvo’, ‘_ em branco’);
});

4) Â Cambiar la hojas de estilo con jQuery

Puedes intercambiar los arquivos css con jquery usando el siguiente cúmigo:

javascript

div id = “0be5c04294”>

1
2
3
4
5
6

$ (documento) .REady (função () {
$ (“A.cssswap”). Clique em (função () {
// cambiar el enlace atributo rel con el valor en el rel
$ ( ‘link’). attr ( ‘href’, $ (this) .attr ( ‘rel’)) ;
});
});

5) Â Principio de Un Principio de UN Sitio Con JQuery

Volver A La Parté Superior ES UNA Función Bastante COMÚSSO EN CASI TODO LOS SITIOS WEB. ESTA FuncionalIDAD ES Muy ô ºNTIL PARA PÃ ºGINAS CUYO CONTENIDO ES Extenso:

javascript

1
2
3
4
5
6
7

$ (document) .ready (function () {
// cuando se hace clic en el id enlace = “top”
$ ( ‘# top’). clique (function () {
// volver al inicio de la pagina
$ (document) .scrollTo (0500);
}
});

6) Ovener la POSICIÔN DEL CURSOR CON JQUERY

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

javascript

1
2
3
4

$ (). mouseMove (function (e) {
// MOSTRAL LOS VALORES XEY DE EJE PT EL ENIR DEL EJE ELEMENTO P
$ (‘p’). HTML (“x eixo:” + e.pagex + “| Eixo Y “+ e.pageY);
});

jquery brinda muchas más más, ¡para que não te que nà £ o quedes con las ansia de ver algunas interesantes, ele decidido agregar dos funções que de seguro te serviirá para otimizar Tu desarrollo web, um cambio Solo Te Pido Una Pequeña A Acción Social, es Decir, ONU como, twitt O +1 ÿÿ~ ‰

7) Precarga de Imã ¡GENES CON JQUERY

Si deseas Mejorar El Tiempo de Carga de tu sitio Web, Es Bastante útil Una Una Precarga, Con La Cual, Darãs Una Mejor Experiencia Al Usuario. Para Esto, Puedes USAR EL SIGUIENTE CÓDIGO:

javascript

1
2
3
4
5
6

jquery.preloadimagesinwebpage = função ()
{
para (var ctr = 0; ctr < argumentos.Length; CTR ++)
{
$ (elementoodondesemostrarátrará) .attr (“src”, argumentos);
}
}

Para Utilizar EL Mãs Anterior, Puede Utilizar El Siguiente Fragmento de Código:

javascript

1

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

para comprolar si u una imagen se ha cargado, peede utilizar EL SIGUIENTE FRAGMENTO DE CÓDIGO:

javascript

1
2
3

$ (‘# ImageObject’). Attr (‘src’, ‘image1.gif’).carga (função () {
alerta (‘A imagem foi carregadaâ € |’);
});

8) Detectar coordenadas Ratón

con siguiente cóndigo Puedes Obtener Las Coordenadas del Puntero en El Navegador Web:

javascript

1
2
3
4
5

$ (documento) .REady (função (função ) {
$ (). MouseMove (função (e)
{
$ (‘# MouseCoordinates’) .html (“X Axis Position =” + e.pagex + “e y eixo position =” + e.pagey);
});

Leave a Comment

O seu endereço de email não será publicado. Campos obrigatórios marcados com *