jQuery를 사용하여 속성에 대한 새 값 설정

Shiv Yadav 2022년6월21일
jQuery를 사용하여 속성에 대한 새 값 설정

이 기사에서는 jQuery를 사용하여 속성에 대한 새 값을 설정하는 방법을 보여줍니다.

jQuery를 사용하여 속성에 대한 새 값 설정

attr() 작업은 선택한 구성 요소의 속성과 값을 설정하거나 반환합니다. 속성 값을 대체하는 데 사용되는 경우 이 함수는 FIRST 일치 요소의 값을 전달합니다.

이 메서드는 속성 값을 설정하는 데 사용할 때 일치하는 항목 컬렉션에 대해 하나 이상의 속성/값 쌍을 설정합니다.

통사론:

$(selector).attr(attribute_name, new_value)

여기서 사용된 attr() 메소드는 속성 이름 및 값과 같은 매개변수를 취하는 속성에 대한 새 값을 설정하기 위한 것입니다.

예시:

<html>
  <head>
    <title>Set New Attribute</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script>
      $(document).ready(function () {
        $("button").click(function () {
          $("#naya").attr("href", "https://www.youtube.com/");
        });
      });
    </script>
  </head>

  <body>
    <p><a href="https://www.google.com/" id="naya">ATT_Link</a></p>
    <button>new value</button>
    <p>
      first, you can view the link and then click on button new value. it will
      change the attribute value.
    </p>
  </body>
</html>

참고: 파일을 HTML로 저장하고 브라우저에서 실행하여 명확한 통찰력을 얻으십시오.

위의 예는 속성의 이름이 href이고 새 값이 youtube에 대한 링크임을 보여줍니다. 선택자는 새 값이 설정된 태그입니다.

여기서 사용된 선택자는 naya, 즉 href가 있는 각도 레이블의 ID입니다. 브라우저에서 이 코드를 실행하면 다음이 표시됩니다.

코드를 실행한 후

여기에서 하나의 링크와 하나의 버튼을 볼 수 있습니다. 링크를 처음 클릭하면 코드에 언급된 대로 google.com이 열립니다.

구글 홈페이지

그런 다음 new value라는 버튼을 클릭하면 href 속성의 초기 값이 youtube.com으로 변경된 것을 볼 수 있습니다. 버튼을 클릭하면 click 기능이 트리거되고 attr() 메소드의 도움으로 속성 값이 변경됩니다.

아래 스크린샷을 보십시오.

유튜브 홈페이지

작가: Shiv Yadav
Shiv Yadav avatar Shiv Yadav avatar

Shiv is a self-driven and passionate Machine learning Learner who is innovative in application design, development, testing, and deployment and provides program requirements into sustainable advanced technical solutions through JavaScript, Python, and other programs for continuous improvement of AI technologies.

LinkedIn

관련 문장 - jQuery Attribute