5 유용한 기본 jQuery 구문

> 1) 숨기기/쇼 이것은 효과가없는 HTML 요소를 숨기거나 표시하는 데 사용됩니다. HTML 요소를 빠르게 숨기거나 표시하려면 이것을 사용하십시오.

구문 :

hide (), show ()

예 :
• 라이브 데모 : http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_show_hide 2) 페이드에서/페이드 아웃 여기에는 멋진 페이딩 효과를 사용하여 HTML 요소를 숨기고 표시하는 것이 포함됩니다. DIV와 그 내용을 좋은 방식으로 보여 주거나 숨기고 싶을 때 잘 사용됩니다. 구문 : fadein (), fadeout ()

예:

<span>$(document).ready(function(){
</span>	<span>$(".btn1").click(function(){
</span>		<span>$("p").hide();
</span>	<span>});
</span>	<span>$(".btn2").click(function(){
</span>		<span>$("p").show();
</span>	<span>});
</span><span>});</span>

라이브 데모 : http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_ff_fadeout_fadein

3) 중지

현재 실행되는 애니메이션을 중지하려면이 작업을 사용하십시오.
• 구문 : stop () 예: 라이브 데모 : http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_stop 4) 애니메이션 CSS 스타일을 사용하여 한 상태에서 다른 상태로 요소를 변경하는 멋진 구문. CSS 속성 값을 점차 변경하여 애니메이션 효과가 발생합니다.
구문 :

animate ()

<span>$(document).ready(function(){
</span>	<span>$(".btn1").click(function(){
</span>		<span>$("p").fadeOut()
</span>	<span>});
</span>	<span>$(".btn2").click(function(){
</span>		<span>$("p").fadeIn();
</span>	<span>});
</span><span>});</span>

예: 라이브 데모 : http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_animate 5) 슬라이드 토글 이 구문은 jQuery를 사용하는 다양한 웹 사이트에서 크게 사용됩니다. 이상적으로는 HTML 요소를 숨기고 표시하는 것이지만 일반적인 WordPress 웹 사이트의 관리자 영역의 왼쪽 막대 메뉴와 마찬가지로 매우 멋진 슬라이딩 효과입니다. 구문 :

slideToggle ()

예:

라이브 데모 : http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_slidetoggle jQuery 구문

에 대한 자주 묻는 질문 (FAQ) jQuery의 기본 구문은 무엇입니까?
• jQuery의 기본 구문은 HTML 요소를 선택하고 요소에 대해 약간의 작업을 수행하도록 설계되었습니다. $ (selector) .Action ()으로 작성되었습니다. 여기서는 달러 표시 ($)가 jQuery를 정의하거나 액세스하고 (선택기)는 HTML 요소를 찾은 다음 요소에서 .action ()을 수행합니다. 예를 들어, $ ( "p"). hide () - 모든 단락 요소를 숨 깁니다. 문서 준비 이벤트가 jQuery에서 어떻게 작동합니까? 문서 준비 이벤트는 jQuery 작업의 중요한 부분입니다. 문서가 완전히로드 될 때까지 JavaScript 코드가 실행되지 않도록합니다. 문서가 완전히로드되기 전에 jQuery 코드가 실행되면 제대로 작동하지 않을 수 있으므로 이것은 중요합니다. 이에 대한 구문은 $ (document). readial (function () {// jQuery 메소드가 여기로 이동… jQuery에서 $ 표시의 목적은 무엇입니까?

  $ 부호는 jQuery의 별칭입니다. jQuery를 정의하거나 액세스하는 데 사용됩니다. $ 부호를 사용하는 다른 JavaScript 라이브러리를 사용하는 경우 jquery.noconflict ()를 사용하여 충돌을 피할 수 있습니다.

  jQuery에서 요소를 선택하는 방법

  jQuery는 CSS와 동일한 신속성을 사용하여 요소를 선택하는 강력한 방법을 제공합니다. HTML에서 태그 이름, 클래스 이름, ID, 속성 또는 상대 위치별로 요소를 선택할 수 있습니다. 예를 들어, 모든 단락 요소를 선택하려면 $ ( "p")를 사용합니다.

  jQuery에서 선택한 요소에 대한 작업을 수행하는 방법은 무엇입니까?
  일단 선택한 요소를 선택하면 jQuery 메소드를 사용하여 동작을 수행 할 수 있습니다. 예를 들어 .hide () 메소드를 사용하여 선택한 요소를 숨기거나 .show () 메소드를 표시하여 표시 할 수 있습니다. 이 방법은 다음과 같이 선택된 요소에서 호출됩니다. $ ( "p"). hide (). 즉, 동일한 요소 세트에서 단일 문장 내에서 여러 작업을 수행 할 수 있습니다. 예를 들어, $ ( "p"). css ( "color", "red"). slideup (2000).

  jQuery 이벤트는 무엇이며 어떻게 사용됩니까?

  jQuery 이벤트는 응용 프로그램에서 감지 할 수있는 조치입니다. 여기에는 클릭 또는 키 프레스와 같은 사용자 작업 또는 문서로드와 같은 것들이 포함됩니다. 동적이고 대화식 웹 애플리케이션을 생성 할 수있는 함수로 이러한 이벤트에 응답 할 수 있습니다.

  jQuery로 주석을 작성하는 방법은 jQuery의 댓글이 JavaScript와 동일한 방식으로 작성됩니다. // 단일 줄 주석에 //를 사용할 수 있습니다. 주석은 브라우저에서 무시하고 코드를 작성하거나 설명하는 데 사용될 수 있습니다.

  html에 jQuery 라이브러리를 포함시키는 방법은 무엇입니까?
  html에 jQuery 라이브러리를 포함하려면 jquery 소스 파일에 스크립트 태그를 추가해야합니다. 이것은 로컬 사본이거나 CDN에서 호스팅 된 버전에 링크 할 수 있습니다. 스크립트 태그는 html의 헤드 또는 닫는 바디 태그 바로 앞에 놓아야합니다.

  jQuery와 javaScript의 차이점은 무엇입니까?

  jQuery는 JavaScript로 제작 된 라이브러리입니다. HTML 문서 작업, 이벤트 처리, 애니메이션 작성 등을위한 간단하고 사용자 친화적 인 API를 제공합니다. 평범한 JavaScript 로이 모든 일을 할 수는 있지만 jQuery는 더 쉽게 만들고 다수의 브라우저에서 작동합니다.

위 내용은 5 유용한 기본 jQuery 구문의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!