jquery를 사용하여 클릭 시 텍스트를 변경하는 방법

구현 방법: 1. "$("button").click(function(){})" 문을 사용하여 클릭 이벤트를 버튼 요소에 바인딩하고 이벤트 처리 기능을 설정합니다. 텍스트를 수정하려면 " Element object.text("new text")" 또는 "object.html("new text")" 문을 설정하십시오.

이 튜토리얼의 운영 환경: windows7 시스템, jquery3.2.1 버전, Dell G3 컴퓨터.

jquery를 사용하여 클릭 시 텍스트 변경

1. 클릭 이벤트 설정

click()을 사용하여 클릭 이벤트를 버튼 요소에 바인딩하고 이벤트 처리 기능을 설정합니다

      
  修改所有p元素的文本内容 
这是一个段落。
 
这是另一个段落。
  

2. 이벤트 처리 함수에서 text() 또는 html()을 사용하여 지정된 요소의 텍스트 내용을 수정합니다. text() 메서드는 선택한 요소의 텍스트 내용을 설정하거나 반환합니다.

• html() 메서드는 선택한 요소의 콘텐츠(innerHTML)를 설정하거나 반환합니다.

$(document).ready(function() { $("button").click(function() { $("p").text("Hello world!"); }); });

로그인 후 복사

• $(document).ready(function() { $("button").click(function() { $("p").html("Hello!"); }); });

  로그인 후 복사

html()은 태그 콘텐츠를 포함하도록 설정할 수 있습니다. , text()는 텍스트 내용만 설정할 수 있습니다(레이블은 포함하지 않음).

$(document).ready(function() { $("button").click(function() { $("p").html("Hello world!"); }); });

【추천 학습:

,웹 프론트엔드 동영상

위 내용은 jquery를 사용하여 클릭 시 텍스트를 변경하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!