웹페이지 content_jquery 처리를 위한 jQuery 구현 코드

jQuery는 이 기능을 달성하기 위해 text()와 html()이라는 두 가지 방법을 제공합니다. text()는 일반 텍스트를 처리합니다. html()은 HTML 코드도 지원한다는 점을 제외하면 text()와 유사합니다.

코드 복사 코드는 다음과 같습니다.

//문단 내용을 다음과 같이 설정합니다. ID "b5_a" as "새로 추가된 문자 메시지입니다.";
$('#b5_a").text("새로 추가된 문자 메시지입니다.");
//div에 단락 추가 ID가 "b5_b"인 html 코드
$("#b5_b").html("

새 html 단락 추가

")

가끔 페이지 콘텐츠를 읽어야 합니다. 마찬가지로 text()를 사용하면 일반 텍스트가 표시되고, html()을 사용하면
코드 복사

코드는 다음과 같습니다. //두 번째 버튼을 클릭하면 관련 요소의 텍스트 내용을 볼 수 있습니다$("button:eq(1 )"). click(function(){ alert($('#b5_a').text());

})

//관련 요소의 HTML 콘텐츠를 보려면 네 번째 버튼을 클릭하세요
$("button:eq(3)").click(function(){
alert($('#b5_a').html());
})


참고: text() 및 html()의 반환 값 유형은 모두 문자열 유형(string)입니다. 반환 값에 대해 산술 연산을 수행하려면 원래 JavaScript 함수인parseInt 또는parseFloat를 사용하여 먼저 정수 또는 부동 소수점 형식으로 변환하세요.

코드 복사

코드는 다음과 같습니다.

12.3

/ /아래 jQuery 코드를 통해 위 목록을 합칠 수 있습니다

$("button:eq(4)").click(function(){

var sum = 0;
$('li' ).each(function( index){
sum = parsFloat($(this).text());
})
alert(sum)
}); 🎜>