'jQuery'에 해당되는 글 10건
- 2012.02.23 jQuery 예제 샘플
<html>
<head>
<title>jQuery Example</title>
<script type="text/javascript" src="../scripts/jquery-1.4.js"></script>
<script type="text/javascript">
$(function(){
$('#example').bind(
'mouseover',
{name: "imdsoho", gender: "남"},
function(event) {
alert(event.data.name);
});
$('#btn').bind(
'click',
function(event){
alert('click');
});
$('#example').dblclick(function(event){
alert('dblclick');
});
$('#example').trigger('dblclick');
$('#bind_test').bind('click', someListener); // 중복 적용된다.
function someListener(event){
alert('hello');
}
$('#bind_btn').bind('click', function(event){
$('#bind_test').bind('click', someListener); // 중복 적용된다.
});
$('#unbind_btn').bind('click', function(event){
$('#bind_test').unbind('click', someListener);
});
$('#unbind_btn').trigger('click'); // 실행할 함수 아래 trigger() 있어야 한다.
});
</script>
</head>
<body>
<img id="example" src="example.jpg"/>
<input type="button" name="btn" id="btn" value="button"/>
<input type="button" name="btn" id="bind_test" value="click"/>
<input type="button" name="btn" id="bind_btn" value="bind"/>
<input type="button" name="btn" id="unbind_btn" value="unbind"/>
</body>
</html>
Prev
Rss Feed