> 웹 프론트엔드 > JS 튜토리얼 > jQuery를 사용하여 페이지를 처리하는 사용 예 elements_jquery

jQuery를 사용하여 페이지를 처리하는 사용 예 elements_jquery

WBOY
풀어 주다: 2016-05-16 16:19:15
원래의
1008명이 탐색했습니다.

이 기사의 예에서는 jQuery를 사용하여 페이지 요소를 처리하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

페이지 요소의 경우 DOM 프로그래밍에서 다양한 쿼리 및 수정 방법을 통해 관리할 수 있는데 이는 매우 번거로운 작업입니다. jQuery는 페이지 요소를 조작하기 위한 전체 메소드 세트를 제공합니다. 요소의 내용, 복사, 이동 및 교체를 포함합니다. 다음은 일반적으로 사용되는 몇 가지 사항입니다.

1. 콘텐츠를 직접 받아 편집합니다.

jQuery에서는 주로 html()과 text()라는 두 가지 메소드를 통해 페이지의 내용을 얻고 편집합니다. 그 중 html()은 노드의 innerHTML 속성을 가져오는 것과 동일합니다. html(text) 매개변수를 추가하면 innerHtml이 요소의 일반 텍스트를 가져오는 데 사용되며 text(content)는 일반 텍스트를 설정합니다. 텍스트.

이 두 가지 방법은 때때로 함께 사용됩니다. text()는 페이지의 태그를 필터링하는 데 사용되는 반면 html(text)는 노드에서 innerHtml을 설정하는 데 사용됩니다. 예:

코드 복사 코드는 다음과 같습니다.
$(function() {
var sString = $("p:first").text(); //일반 텍스트 가져오기
$("p:last").html(sString);
});

text() 메서드를 사용하여 첫 번째 P의 텍스트를 가져온 다음 html() 메서드를 사용하여 이를 마지막

에 할당합니다.

text() 및 html() 메소드의 독창적인 사용.

코드 복사 코드는 다음과 같습니다.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿