Evitando conflitos no jQuery

Muitas vezes no código que se está desenvolvendo e necessário o uso de mais de uma biblioteca jQuery ou procurando outras bibliotecas javascript para adicionar no projeto. Um problema que ocorre é o conflito das bibliotecas.

O erro mais comum em bibliotecas javascript é quando se usa o mesmo identificador para chama-las, pois cada uma delas vao tentar interpretá-lo cada uma a sua maneira.

O identificador mais usado no javascript é o $, no jQuery pode ser tanto o $ quanto o jQuery.

Para resolver este conflito basta usar esta função:

1
   jQuery.noConflict()

Um exemplo para resolver este problema:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<script type="text/javascript" src="jquery.js"></script>
 
 
<script type="text/javascript">// 
// Novo pseudonimo
 
var $idt = jQuery.noConflict();
 
// Suas funçoes
 
$idt(document).ready(function(){
		$("#data_nac").mask("99/99/9999");
 
	});
</script>

Segue o link da documentação da função jQuery.noConflict

Eventos no JavaScript

Eventos: São ações identificáveis em um sistemas (browser)
As ações podem ter os mais variáveis estímulos
Exemplo:
•O movimento do mouse
•O Clique
•Carregamento completo da página
•O envio do formulário
•Fechamento da janela

ONLOAD: quando á página termina de ser carregada. Funciona na tag BODY e FRAMESET.
•ONUNLOAD: quando o usuário sair da página. Funciona na tag BODY e FRAMESET.
•ONCLICK: quando o usuário clica com o mouse sobre o elemento. Funciona com todos os elementos visíveis da página.
•ONDBLCLICK: quando o usuário dá um duplo-clique sobre o elemento. Funciona com todos os elementos visíveis da página.
•ONMOUSEDOWN: quando o usuário pressiona o botão do mouse sobre o elemento.
•ONMOUSEUP: quando o usuário solta o botão do mouse sobre o elemento.

ONMOUSEOVER: quando o usuário passa com o mouse sobre o elemento.
•ONMOUSEMOVE: quando o usuário mexe o cursor do mouse sobre o elemento.
•ONMOUSEOUT: quando o usuário move o cursor do mouse fora do elemento.
•ONFOCUS: quando o elemento recebe o foco. Os elementos que os aceitam são: <A>, <AREA>, <LABEL>, <INPUT>, <SELECT>, <TEXTAREA> E <BUTTON>.
•ONBLUR: quando o elemento perde o foco. Esse evento é oposto ao ONFOCUS e funciona nos mesmos elementos.

ONKEYPRESS: quando o usuário pressiona e solta uma tecla e o elemento está no foco.
•ONKEYDOWN: quando o usuário pressiona uma tecla e o elemento está no foco
•ONKEYUP: quando o usuário solta uma tecla e o elemento está no foco
•ONSUBMIT: quando o formulário é submetido. Esse evento deve ser trabalhado na tag <FORM>
•ONRESET: quando resetamos os valores do formulário. Esse eventos deve ser trabalhado na tag <FORM>
•ONSELECT: quando selecionamos parte ou todo o texto de dentro de um elemento <INPUT> OU <TEXTAREA> e o elemento perde o foco.

Exemplo:

1
2
3
4
5
6
7
8
9
<html>
<body>
<p align="center">
<img src="img/imagem.jpg" width="66" height="52"
onmouseover="alert ("O mouse esta sobre a imagem.");"
onmouseout="alert ("O mouse esta fora da imagem");" />
</p>
</body>
</html>