jquery 마우스가 글꼴을 거쳐 변함 - 그림이 변함//주석 내용

1618 단어 jqueryjquery 속성
<!doctype html>
<html>
<head>
<meta charset="gb2312">
<title>    jquery   </title>
<script src="js/jquery-1.11.1.min.js"></script>


<style>
.bor{border:10px solid yellow;}
.red{color:red;}
</style>
<script>
$(document).ready(function(e) {
    
    //      
    //$('div').attr('align','center');
    
    //      
    $('div').attr({'align':'center','id':'myaa','title':'aaaaaaaaa'});
    
    //$('div').css('text-align','right');
    
    //  align   ,        
    //alert($('div').attr('align'));
	
	//        
    $('img:first').hover(function(){
        $(this).attr('src','b.jpg');
		
		//        
        $(this).addClass('bor');
		
	//            
    },function(){
        $(this).attr('src','33.jpg');
        
		//        
		$(this).removeClass('bor');
    });
    
	//         
    $('h1:first').hover(function(){
        $('h1:first').toggleClass('red');
    },function(){
        $('h1:first').toggleClass('red');
    });
    
});
</script>
</head>

<body>
<h1>       </h1>
<div>ok</div>
<img src='33.jpg' width="300" height="200">
<hr>
<img src='33.jpg' width="300">
<img src='b.jpg' width="300" height="200">

</body>
</html>

좋은 웹페이지 즐겨찾기