jQuery 태그에는 콘텐츠 작업이 포함되어 있습니다.

태그에 콘텐츠 작업이 포함되어 있습니다

자바스크립트 작업 사용:

dvnode.innerHTML div에 포함된 정보 가져오기
dvnode.innerHTML = XXX에 포함된 콘텐츠 설정

참고: innerHTML은 w3c 표준 기술이 아니며 많은 브라우저에서만 지원됩니다.

jquery 작업 사용:

$().html() //노드에 포함된 정보 가져오기
$() .html(information); //노드에 포함된 콘텐츠 설정
$().text() //노드에 포함된 "텍스트 문자열 정보" 콘텐츠 가져오기
$().text(information) ; //노드에 포함된 내용을 설정합니다. (html 태그가 있는 경우 "><" 기호를 기호 엔터티로 바꿉니다.)

<!DOCTYPE html>
<html>
    <head>
        <title>php.cn</title>
        <meta charset="utf-8" />
        <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
        <script>
           function f1(){
            alert($('div').html());
            alert($('div').text());
            }
            function f2(){

                $('div').text("这里是php中文网");
            } 
        </script>
    </head>
    <body>
        <div>欢迎 <p>大家 <span>学习jQuery</span></p></div>

        <input type="button" value="获取" onclick="f1()" />
        <input type="button" value="设置" onclick="f2()" /> 
    </body>
</html>

html()과 text() 메소드의 차이점:

①콘텐츠 가져오기

전자는 html 태그와 일반 문자열 콘텐츠를 가져올 수 있습니다.

후자는 일반 문자열 콘텐츠만 가져옵니다

②콘텐츠 설정

전자는 설정할 수 있습니다. html 태그 및 일반 문자열 콘텐츠

후자는 일반 문자열 콘텐츠만 설정합니다. 콘텐츠에 태그 태그 콘텐츠가 있는 경우 "<" ">" 기호를 기호 엔터티로 변환합니다. ;----> Space-- ----

위의 두 작업(가져오기/설정)은 작업 내용이 순수 문자열 내용인 경우 동일한 효과를 갖습니다.

지속적인 학습

새로운 파일

<!DOCTYPE html> <html> <head> <title>php.cn</title> <meta charset="utf-8" /> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> <script> function f1(){ alert($('div').html()); alert($('div').text()); } function f2(){ $('div').text("这里是php中文网"); } </script> </head> <body> <div>欢迎 <p>大家 <span>学习jQuery</span></p></div> <input type="button" value="获取" onclick="f1()" /> <input type="button" value="设置" onclick="f2()" /> </body> </html>

제출하다 코드 재설정

자동운전