텍스트 영역 설정 값 jquery

텍스트 영역 요소를 사용할 때 초기 값을 설정하거나 해당 값을 동적으로 수정해야 하는 경우가 있는데, 이는 jQuery 작업을 사용하여 쉽게 달성할 수 있습니다. 이 기사에서는 jQuery를 사용하여 텍스트 영역의 값을 설정하는 방법을 설명합니다.

방법 1: val() 방법

val() 방법은 양식 요소(텍스트 영역 요소 포함)의 값을 가져오거나 설정할 수 있습니다.

$(selector).val(value)

그 중 selector는 우리가 선택하고 싶은 요소의 선택자를 의미하며, value는 설정할 값입니다. 값 인수가 생략되면 이 메서드는 지정된 요소의 현재 값을 반환합니다.

다음은 ID가 myTextarea인 텍스트 영역 요소의 초기 값을 설정하는 예입니다.

<textarea id="myTextarea"></textarea>

$(document).ready(function(){
  $('#myTextarea').val('初始的文本内容');
});

위 코드를 실행한 후 텍스트 상자의 텍스트 내용은 페이지 뒤의 "초기 텍스트 내용"으로 설정됩니다. 열립니다.

동일한 방법을 사용하여 텍스트 영역의 내용을 동적으로 수정할 수도 있습니다. 예를 들어, 사용자가 버튼을 클릭하면 텍스트 영역 콘텐츠를 "새 텍스트 콘텐츠"로 수정할 수 있습니다.

<textarea id="myTextarea"></textarea>
修改内容

$(document).ready(function(){
  $('#myTextarea').val('初始的文本内容');
  $('#modifyBtn').click(function(){
    $('#myTextarea').val('新的文本内容');
  });
});

위 코드를 실행한 후 페이지에서 "콘텐츠 수정" 버튼을 클릭하면 텍스트 영역 콘텐츠가 수정됩니다. "새 텍스트 콘텐츠"로.

방법 2: text() 방법

텍스트 영역 값을 설정하는 또 다른 방법은 text() 방법을 사용하는 것입니다. 이 메서드는 요소의 텍스트 콘텐츠를 설정하지만 HTML 태그는 무시합니다. 따라서 텍스트 영역 내용에 HTML 태그가 포함되어 있으면 이러한 태그는 텍스트로 처리됩니다. text() 메소드의 구문은 다음과 같습니다.

$(selector).text(content)

그 중 selector는 우리가 선택하려는 요소의 선택자를 나타내며, content는 설정할 텍스트 내용입니다. 콘텐츠 매개변수가 생략된 경우 이 메서드는 지정된 요소의 현재 텍스트 콘텐츠를 반환합니다.

다음은 ID가 myTextarea인 텍스트 영역 요소의 초기 값을 설정하는 예입니다.

<textarea id="myTextarea"></textarea>

$(document).ready(function(){
  $('#myTextarea').text('初始的文本内容');
});

위 코드를 실행한 후 페이지를 연 후 텍스트 영역 콘텐츠가 "초기 텍스트 콘텐츠"로 설정됩니다.

text() 메서드를 사용하여 텍스트 영역의 내용을 동적으로 수정할 수도 있습니다. 예를 들어, 사용자가 버튼을 클릭하면 텍스트 영역 콘텐츠를 "새 텍스트 콘텐츠"로 수정할 수 있습니다.

<textarea id="myTextarea"></textarea>
修改内容

$(document).ready(function(){
  $('#myTextarea').text('初始的文本内容');
  $('#modifyBtn').click(function(){
    $('#myTextarea').text('新的文本内容');
  });
});

위 코드를 실행한 후 페이지에서 "콘텐츠 수정" 버튼을 클릭하면 텍스트 영역 콘텐츠가 수정됩니다. "새 텍스트 콘텐츠"로.

요약

위는 jQuery가 텍스트 영역의 값을 설정하는 두 가지 방법입니다. val() 메서드는 대부분의 경우에 적합한 반면, text() 메서드는 HTML 태그를 무시해야 하는 경우에 적합합니다. 텍스트 영역의 초기값을 설정하거나 내용을 동적으로 수정해야 하는 경우 상황에 따라 적절한 방법을 선택하십시오.

위 내용은 텍스트 영역 설정 값 jquery의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!