- one()
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>예제</title>
<script src="js/jquery.min.js"></script>
<script>
$(document).ready(
function() {
$("p").one( // <p> 클릭 시 폰트 사이즈가 6px 커짐 (한 번만!)
{
"click":function()
{
$(this).animate({ fontSize:"+=6" });
}
}
);
}
);
</script>
<style>
</style>
</head>
<body>
<p>click me</p>
</body>
</html>
- select(), after(), triggerHandler()
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>예제</title>
<script src="js/jquery.min.js"></script>
<script>
$(document).ready(
function() {
// select
// after
// trigger
$("input").select(
function() {
$("input").after("Text Marked!"); // input 창 뒤에 텍스트 추가
}
);
$("button").click(
function() {
$("input").triggerHandler("select"); // 버튼 클릭 시 select 함수 실행
}
);
}
);
</script>
<style>
</style>
</head>
<body>
<input type="text" value="Hello World"><br><br>
<button>Trigger Test</button>
</body>
</html>'제이쿼리' 카테고리의 다른 글
| [제이쿼리] load() 메소드 사용하여 다른 html의 값 가져오기 (0) | 2020.08.13 |
|---|---|
| [제이쿼리] JSON 값 사용하기 (0) | 2020.08.13 |
| [제이쿼리] select(), change(), keydown(), keyup(), keypress(), scroll() (0) | 2020.08.12 |
| [제이쿼리] mouseenter(), mouseleave(), hover() (0) | 2020.08.12 |
| [제이쿼리] filter(), find(), width(), replace(), toggle() (0) | 2020.08.12 |
