현재 위치 - 주공해몽공식사이트 - 관음보살의 랜덤 번호 뽑기 - Jquery 는 태그 내용을 어떻게 얻습니까?

Jquery 는 태그 내용을 어떻게 얻습니까?

Jquery 는 내용을 가져오는 세 가지 방법인 text (), html () 및 val () 을 제공합니다. 그 중 처음 두 가지를 사용하여 이 문제를 해결할 수 있습니다.

$ ("label # userid"). Text (); -응? //? 먼저 레이블의 텍스트를 가져옵니다

$ ("label # userid"). Html (); -응? //? 또한 label 태그의 모든 html 태그를 가져올 수 있습니다. 일반적으로 label 태그를 text 로 변경하고, 위의 두 가지 방법을 각각 사용하여 label 태그의 내용을 가져오고 최종 결과의 차이를 확인하는 예를 들어 설명합니다.

Html 요소 만들기

& ltdiv? 클래스 = "상자" >

탭 내용을 보려면 & ltspan & gt 버튼을 클릭하십시오.

& ltdiv? 클래스 = "컨텐트" >

& lt 태그? Id = "userid"> 사용자 이름을 입력합니다

& lt/div & gt;;

& lt 입력? Type="button "? Value= "태그의 컨텐트 가져오기" >

& lt/div & gt;; Css 스타일 설정

Div.box {폭: 300px; 칠: 20px 여백: 20px 테두리: 4px? 산산조각이 났나? # ccc}

Div.box? Span {color:# 999;; 글꼴 스타일: 기울임꼴; }

Div.content {폭: 250px; 보증금: 10px? 0; 채우기: 20px 경계: 2px? 고체? # ff6666}

H3 {display: inline-block; }

Input [type =' button'] {height: 30px; 보증금:10px; 채우기: 5px? 10px : } jquery 코드 작성

$(function(){

$ ("input: button.btn1"). 클릭 (함수 ()? {

Alert ($ ("label # userid"). Text()););

});

$ ("input: button.btn2"). 클릭 (함수 ()? {

Alert ($ ("label # userid"). Html()););

});

}) 효과를 관찰합니다

Text () 메서드를 사용하여 태그 내의 내용을 가져옵니다.

Html () 메서드를 사용하면 태그 내의 요소 (html 태그 포함) 를 얻을 수 있습니다.