Jquery 선택기를 작성하는 방법

jquery는 많은 js 작성 방법을 단순화하여 더 간단하고 효율적으로 만드는 Js 프레임워크입니다. 그러면 jquery 선택기를 작성하는 방법은 다음과 같습니다.

jQuery 선택기

jQuery 선택기를 사용하면 HTML 요소 그룹이나 개별 요소에 대해 작업을 수행할 수 있습니다.

jQuery 선택기는 요소의 ID, 클래스, 유형, 속성, 속성 값 등을 기반으로 HTML 요소를 "찾기"(또는 선택)합니다. 이는 일부 사용자 정의 선택기 외에 기존 CSS 선택기를 기반으로 합니다.

jQuery의 모든 선택자는 달러 기호($())로 시작합니다.

Element Selector

jQuery 요소 선택기는 이름을 기준으로 요소를 선택합니다.

페이지의 모든

요소 선택:

$("p")

예

사용자가 버튼을 클릭하면 모든

요소가 숨겨집니다.

 
 

<script>
$(document).ready(function(){
  $("button").click(function(){
    $(&quot;p&quot;).hide();
  });
});
</script>




这是一个标题
这是一个段落。
这是另一个段落。
点我

#id 선택기

jQuery #id Selection 선택기는 HTML 요소의 id 속성을 통해 지정된 요소를 선택합니다.

페이지에 있는 요소의 ID는 고유해야 하므로 페이지에 있는 고유한 요소를 선택하려면 #id 선택기를 사용해야 합니다.

ID로 요소를 선택하는 구문은 다음과 같습니다.

$("#test")

Example

사용자가 버튼을 클릭하면 id="test" 속성이 있는 요소가 숨겨집니다.

 
 

<script>
$(document).ready(function(){
  $("button").click(function(){
    $(&quot;#test&quot;).hide();
  });
});
</script>




这是一个标题
这是一个段落
这是另外一个段落
点我

.class selector

jQuery 클래스 선택기는 지정된 클래스별로 요소를 찾을 수 있습니다.

구문은 다음과 같습니다:

$(".test")

Instance

사용자가 버튼을 클릭하면 class="test" 속성을 가진 모든 요소가 숨겨집니다.

 
 

<script>
$(document).ready(function(){
  $("button").click(function(){
    $(&quot;.test&quot;).hide();
  });
});
</script>




这是一个标题
这是一个段落。
这是另外一个段落。
点我

위 내용은 Jquery 선택기를 작성하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!