[JQuery] Custom function
Jquery custom function(사용자정의 함수) 만들기
<html>
<head>
<title>jquery </title>
<script type="text/javascript" src="jquery.js"></script>
<!-- 페이드 아웃 () 메소드는 점점 불투명하게 -->
<script type="text/javascript">
$.fn.customcolor = function(color){
return $(this).css('background',color).fadeOut(3000);
}
$(document).ready(function(){
$("#button").click(function(){
$("h1").customcolor('blue');
});
});
</script>
</head>
<body>
<h1>custom functon</h1>
<ul>
<li>this is item1</li>
<li>this is item2</li>
<li>this is item3</li>
<li>this is item4</li>
</ul>
<input type="submit" id="button" value="button">
</body>
</html>