6 astuces et astuces JQuery pour programmeurs

jQuery est l’une des meilleures bibliothèques JavaScript, qui est conçu pour simplifier les processus tels que des animations, la manipulation des événements, l’ajax et les scripts du côté du client. Il a également plusieurs plugins JQuery pour aider les développeurs facilement et facilement des sites Web et des pages Web.

jQuery

Partage des conseils de JQuery et astuces, qui sera d’une grande aide pour les programmeurs.

1) Â Désactiver le bouton droit de la souris avec jQuery

Masquer les informations du site Web peut être très utile dans la plupart des cas. Ceci est fait en désactivant le bouton droit de la souris et avec jQuery peut être obtenu avec les lignes de code suivantes:

« F9A913089B »>
JavaScript

2) Â Changez la taille du texte avec jQuery avec jQuery

Les utilisateurs peuvent modifier la taille (augmenter et diminuer) le texte des sites Web avec le code suivant:

JavaScript

2
3
4
5
7
8

td>

$ (document) .Ready (fonction (fonction () {
// capture le menu du clic droit
$ (document) .bind (« contextuelmenu », fonction ( E) {
// message d’avertissement (facultatif)
alerte (« désactivé! »);
retourne faux;
} );
});

3) Â Ouvrir des liens dans de nouvelles fenêtres avec jQuery

Si vous souhaitez ouvrir un lien dans une nouvelle fenêtre avec jQuery, vous devez utiliser le code suivant:

JavaScript

2
4
6
7
8

div>

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

29

$ (document) .Ready (fonction () {
// trouve la taille de la source AC Tual
variginalfontSize = $ (‘html’). CSS (‘Font-Taille’);
// augmente la taille du texte
$ (« . Augmentfont « ). Cliquez sur (Fonction () {
Var courantFontSize = $ (‘HTML ‘). CSS (‘ Font-Taille ‘);
var CourantFontSizenumer = parsefloat (actuelFontSize, 10);
var newfontsize = actuelFontSizenumer * 1.2;
$ (‘Html’). CSS (‘la forme de police’, newfontsize);
retourne faux;
});
// diminue la taille du texte
$ (« Decrasefont »). Cliquez sur (Fonction () {
Var CurrentFontSize = $ (‘html’ ). CSS (‘Taille de police’);
Var CurrentFontSizenum = Paysfloat (actuelFontSize, 10);
var newfontsize = actuelFontSizenum * 0,8;
(‘Html’). CSS (« Font-Taille », NewFontSize);
retourne faux;
});
// Changer la taille de la source
$ (« . resetfont »). Cliquez sur (Fonction () {
$ (‘HTML’). CSS (‘ Taille de police ‘, originaleFontSize);
});
});

4) Â cambiar La Hojas de Estilo con JQuery

Puedes Intercamiar Los Archivos CSS CSS CONJQUERY USANDO el SIGUIENTE CóDigo:

JavaScript

2
3
4

5

$ (document). Fonction () {
// Sélectionnez toutes les étiquettes de liaison qui ont http dans le HREF
// et appliquez l’attribut cible = _blank
$ ( » UNE »).attr (‘cible’, ‘_ vide’);
});

5) Â Volver al Princio de Un Nations Unies Site web JQuery

Volsver A La Parte Supérieur es Una Función Bastant Comãºn en casi Todos Los Sitios Web. ESTA FUNCIONALIDAD ES Muy úTil Para Páginas Cuyo Contenido Es Extenso:

javascript

<54de517523 ">

<0be5c04294">
1
2
3
4
5
6

$ (document) .Ready (fonction (fonction () {
$ (« a.cssswap »). Cliquez sur (Fonction () {
// cambiar el Enlace atributo rel ‘cornet en el rel
$ (‘ link ‘). attr (href’, $ (this) .attr (‘rel’)) ;
});
});

6) Â obteneur la Posiciónn del Cursor Con JQuery

Puedes Obtener Los Valores de las Coordenadas X e Y Del Puntero del Ratón Con El Siguiente Código:

JavaScript

<0be5c04294">
« 170744A5B0 « >

>

jQuery brinda mucha mues mons funciones, y para que non te quedes con las asias de ver algunas interesantes, heitido accord de dos funciones que de seguro te servirán para optimizar tu desarrollo Web, un cambio Solo te Pido Una Pequeña ACCIOZ SOCIAL, ES DÉCIR, UN AIME, TWITT O +1 ðÿ~ ‰ <

7) Precarga de Imã ¡Gènes Con JQuery

Si Desas Mejorar El Tiempo de Carga de Tuio Web, Es Bastant ãºtil Usar Una Precarga, Con La Cuale, Darás Un M Mejor Rendimiento, Y Por Ende Una Mejor Experiencia Al Usuario. Para Esto, Puedes Usar El Siguiente Código:

JavaScript

<0be5c04294 ">
1
2
3
4
5
6
7

$ (document) .Ready (Fonction (Fonction () {
// Cuando SE Hace Clic en el Enlace ID = « TOP »
$ (‘# TOP’). Cliquez sur (Fonction () {
// Volver al inicio de la pagina
$ (document) .Scrollto (0,500);
}
});

1
2
3
> 4

$ (). Mousemove (fonction (E) {
// mostrar los valores xey de eje en el intérieur del ellemento p
$ (‘p’). HTML (« x axe: » + e.pagex + « | Y axe « + e.pagey);
});

para utilizar el Méto antérieur, pude utilizar el siguientee fragmento de código:

JavaScript

1
2
3
4
> 5
6
7

jQuery.preloadimagesinwebpage = fonction ()
{
pour (var ctr = 0; CTR < arguments.length; CTR ++)
{
$ (ElementoDondesemosTrará¡) .attr (« src », arguments);
}
}

para comprob de si una imagen se ha cargado, pude utilizar el siguiente fragmento de código:

JavaScript

1
$ .peloadimages (« image1.gif », « image2.gif », « image3.gif »);

8) détectetar coordenadas réeles del ratón

Con El Siguiente Código Pinedes Obtener Las Coordenadas Del Puntero en El Navegador Web:

« F9A913089B »>
JavaScript

170744A5B0 « >

Leave a Comment

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

1
2
3

$ (‘# imageObject’). attr (src ‘,’ image1.gif ‘).charge (fonction () {
alerte (‘L’image a été chargée …’);
});

1
2
3
4
5

$ (document) .Readady (fonction ( ) {
$ (). MouseMove (fonction (e)
{
$ (‘# mouseCoordinate’) .html (« Position de l’axe x = » + E.PAGEX + « et la position de l’axe Y = » + E.Pagey);
});