jQuery에서 click() 메소드를 사용하는 방법
- 不言원래의
- 2018-12-27 16:06:118836검색
jQuery에서 click() 메소드를 사용하는 방법에서 click() 메소드를 사용하는 방법의 click() 메서드는 버튼을 클릭할 때 발생하는 이벤트에 자주 사용되므로, 이번 글에서는 jQuery에서 click() 메소드를 사용하는 방법에서 click() 메소드를 사용하는 방법에서 click()의 구체적인 사용법을 소개하겠습니다.
먼저 click() 메소드를 살펴볼까요?
jquery 메서드는 일반적으로 다음 함수로 작성됩니다.
$(function(){
//处理的内容
});하지만 이 프로그램을 사용하면 페이지가 다시 로드될 때(트리거링이라고도 함) 코드가 실행되기 때문에 jQuery에서 click() 메소드를 사용하는 방법에서 click() 메소드를 사용하는 방법의 원래 목적인 페이지를 동적으로 변경하려는 목적은 달성되지 않습니다.
이러한 이유로 jQuery에서 click() 메소드를 사용하는 방법에서 click() 메소드를 사용하는 방법는 실행 시기를 지정하는 방법을 제공합니다. click 메소드는 지정된 버튼을 눌렀을 때 호출되는 프로세스를 생성합니다.
아래 클릭 메소드를 작성합니다.
$(function(){
$(“选择器”).click(function(){
//处理的内容
});
});셀렉터를 이용하여 버튼을 지정한 후 클릭 메소드를 호출합니다.
click 메소드의 매개변수를 이용하여 함수를 호출하고 함수의 내용을 실행해 보세요.
구체적인 예를 살펴보겠습니다
버튼을 클릭하면 글자가 커집니다
코드는 다음과 같습니다
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
$(function() {
$("button").click(function() {
$(".big").css("font-size", "50px");
});
});
</script>
</head>
<body>
<button>button</button>
<p class="big">big</p>
</body>
</html>선택기를 사용하여 버튼을 지정하고 CSS 방식을 사용하여 글꼴 크기를 늘립니다.
실행 결과는 다음과 같습니다
버튼을 클릭하면 아래 글자가 커집니다.
이 글은 여기서 끝납니다. 더 흥미로운 내용을 보려면 관련 튜토리얼을 참고하세요. 추가 학습을 위한 PHP 중국어 웹사이트 칼럼! ! !
위 내용은 jQuery에서 click() 메소드를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!