div 콘텐츠를 jquery로 바꾸는 방법-프런트엔드 Q&A-php.cn

div 콘텐츠를 jquery로 바꾸는 방법

青灯夜游

풀어 주다： 2022-03-11 14:50:30

원래의

4856명이 탐색했습니다.

jquery에서는 html() 메서드를 사용하여 div 요소의 내용을 바꿀 수 있습니다. 이 메서드는 일치하는 모든 요소의 내용을 설정하고 덮어쓸 수 있습니다. 구문은 "$("div").html("new입니다. div 콘텐츠") ".

div 콘텐츠를 jquery로 바꾸는 방법

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

jquery에서는 html() 메서드를 사용하여 div 요소의 내용을 바꿀 수 있습니다.

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

이 메소드에 매개변수가 전달되고 값이 설정되면 일치하는 모든 요소의 내용을 덮어씁니다.

구문:

$(selector).html(content)
//或
$(selector).html(function(index,oldcontent))

로그인 후 복사

매개변수	설명
content	선택 사항입니다. 선택한 요소의 새 콘텐츠를 지정합니다. 이 매개변수에는 HTML 태그가 포함될 수 있습니다.

Parameters	Description
function(index,oldcontent)	선택한 요소의 새 콘텐츠를 반환하는 함수를 지정합니다. index - 선택 사항입니다. 선택기의 인덱스 위치를 받습니다. oldcontent - 선택사항. 선택기의 현재 내용을 받습니다.

Parameters

Description

function(index,oldcontent)

선택한 요소의 새 콘텐츠를 반환하는 함수를 지정합니다.

index - 선택 사항입니다. 선택기의 인덱스 위치를 받습니다.
oldcontent - 선택사항. 선택기의 현재 내용을 받습니다.

예:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					 $("div").html("Hello <b>world!</b>");
				});
			});
		</script>
	</head>
	<body>

		<div>这是一段文字。</div>
		<div>这是另一段文字。</div><br>
		<button>改变 div 元素的内容</button>
	</body>
</html>

로그인 후 복사

div 콘텐츠를 jquery로 바꾸는 방법