jQuery를 사용하여 이름 속성으로 HTML 요소를 어떻게 선택할 수 있습니까?

jQuery를 사용하여 이름으로 요소 선택

jQuery는 요소를 선택하는 다양한 방법을 제공하지만 이름으로 요소를 선택하는 가장 간단한 방법은 이름 속성이 속성 선택기를 사용하고 있습니다. 이 방법을 사용하면 일치시키려는 이름 속성과 값을 지정할 수 있습니다.

이름으로 요소를 선택하려면 $('[name="element_name"]') 구문을 사용합니다. 예를 들어 제공된 HTML에서

<tr>
  <td>data1</td>
  <td name="tcol1" class="bold"> data2</td>
</tr>
<tr>
  <td>data1</td>
  <td name="tcol1" class="bold"> data2</td>
</tr>
<tr>
  <td>data1</td>
  <td name="tcol1" class="bold"> data2</td>
</tr>

jQuery를 사용하여 두 번째 열을 숨기려면 이름 속성으로 선택할 수 있습니다.

$('td[name="tcol1"]').hide();

정확한 일치 외에도 jQuery는 또한 일치 시 유연성을 제공하는 속성 선택기를 제공합니다.

• StartsWith ('^'): 이름 속성이 지정된 값으로 시작하는 요소와 일치합니다(예: $('td[name^="tcol"]')).
• EndsWith ('$ '): name 속성이 지정된 값으로 끝나는 요소와 일치합니다. 예: $('td[name$="tcol"]').
• Contains ('*'): name 속성에 지정된 값이 포함된 요소와 일치합니다(예: $('td) [name*="tcol"]').

위 내용은 jQuery를 사용하여 이름 속성으로 HTML 요소를 어떻게 선택할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!