jquery val 예제

jquery val 예제

다행히도 jQuery에는 세 가지 각각에 대한 메서드가 제공되므로 텍스트(), html() 및 val() 메서드를 검색하고 설정할 수 있습니다. 다음은 당신에게 그들 사이의 차이를 보여줍니다 몇 가지 예와 그들이 사용하는 방법 : 아래 예제는 jQuery의 val() 방법을 보여줍니다 : 다음 예제는 첫 번째 입력의 값 내용과 두 번째 입력의 값 속성을 설정합니다 – attr() 메서드를 사용하면 한 번에 여러 특성을 설정할 수도 있습니다. 다음 예제에서는 요소에 대한 클래스 및 title 특성을 설정하는 방법을 보여 주어집니다. 다음 예는 두 번째 단락에서 첫 번째 입력 상자의 HTML 콘텐츠를 설정합니다 – 그래서 매개 변수가없는 이러한 방법 중 하나에 대한 호출은 단순히 원하는 속성을 반환합니다. 대신 속성을 설정하려면 추가 매개 변수를 지정하기만 하면 됩니다. 다음은 전체 예제입니다: 이 세 함수에는 콜백 함수를 첫 번째 및 유일한 매개 변수로 지정하는 한 개의 오버로드가 더 많이 제공됩니다. 이 콜백 함수는 jQuery, 선택한 요소 목록의 현재 요소 인덱스및 기존 값에 의해 두 개의 매개 변수로 호출됩니다. 그런 다음 함수에서 새 값으로 사용하려는 문자열을 반환합니다. 이 오버로드는 html(), text() 및 val()에서 모두 작동하지만, 간단하게하기 위해 이 예제의 text() 버전만 사용합니다.

예를 들어 단일 및 여러 선택 상자가 있는 jQuery val() 메서드의 예를 살펴보겠습니다. 이 예제에서는 “tags” 클래스가 있는 텍스트 입력 값에서 선행 및 후행 공백을 제거합니다. 다음 예제에서는 단락의 텍스트 내용을 얻는 방법을 보여 줄 것입니다: 하나의 텍스트 상자와 단추를 가지고 있습니다. 버튼을 클릭할 때 텍스트 상자의 값이 `안녕`으로 설정됩니다. . 위의 코드에서 드롭다운의 두 번째 값을 선택한 다음 단추를 클릭합니다. 참고: 현재