yahoo 메일박스 로그인 상자의 알림 효과 모방

jquery의 장점은 간단한 코드가 더 좋은 사용자 체험을 가져다 줄 수 있다는 것이다.그래서 내가 실용적이라고 느낀 예를 몇 개 찾아서 꺼내서 소개해 줘.거기에 사용된 조작과 사건을 소개하겠습니다.html 코드: jquery 코드:
 
  
$(document).ready(function(){ 
$('#address').focus(function(){ 
var add_value=$(this).val(); 
if(add_value==" "){ 
$(this).val(""); 

}) 
$('#address').blur(function(){ 
var add_value=$(this).val(); 
if(add_value==""){ 
$(this).val(" "); 

}) 
}); 

실현된 효과는 주소 상자가 마우스 초점을 가져올 때 주소 상자의 값을 비우는 것입니다.마우스 초점을 잃었을 때 주소 상자가 기본 설정을 복원합니다.여기에 사용된 jquery 이벤트를 소개합니다:focus ()는 jquery 대상이 마우스 초점을 받았을 때 터치하고blur ()는 jquery 대상이 마우스 초점을 잃었을 때 터치하고 다른 마우스를 소개하는 이벤트입니다.mouseover () 는 마우스 이동 대상이 터치하는 것입니다.mouseout () 마우스를 대상 밖으로 이동해서 터치합니다.mousemove () 는 마우스가 대상에서 이동할 때 터치합니다.사용하는 jquery의dom 작업: val () 은 요소value를 가져오는 값이며 요소value의 값을 설정할 수도 있습니다.이 함수에서 가져오고 설정하는 방법은 jquery에서 흔히 볼 수 있는 종류로 html(),text(),heigth(),width(),css(),attr() 등이 있다.여기서 html()와text()html()는 대상의 html 코드에 비해 구분하고text()는 대상의 텍스트 내용만 예를 들면

$('p')를 구별합니다.html().결과는 구별$('p')입니다.text().결과는 다르다

좋은 웹페이지 즐겨찾기