jQuery tag contains content actions

Tags contain content operations

Use javascript operations:

dvnode.innerHTML Get the information contained in the div
dvnode.innerHTML = XXX; Set the content contained in the div

Note: innerHTML is not a w3c standard technology , many browsers only support it

Use jquery operation:

##$().html(); // Get the information contained in the node
$().html(information); //Set the content contained in the node
$().text (); //Get the "text string information" content contained in the node
$().text(information); //Set the content contained in the node (if there is an html tag, just The "><" symbol becomes a symbol entity)

<!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>

##The difference between html() and text() methods ：

##① Get content

The former can get html tags and ordinary string content

The latter only gets ordinary string content

② Set content

The former can set html tags and ordinary string content

The latter only sets ordinary string content. If there is tag tag content in the content, put the "< ;" ">" symbol is converted into a symbol entity<-----$lt; >----> Space------

The above two operations (get /Settings) If the operation content is pure string content, the effect will be the same.

Continuing Learning

new file

<!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>

submit Reset Code

Automatic operation

jQuery tag contains content actions

ElementaryImperial CMS enterprise imitation website tutorial

ElementaryNewbies with zero foundation in WordPress build personal blogs and corporate websites

ElementaryUltimate CMS zero-based website building instruction video

ElementaryFront-end project-Shangyou [HTML/CSS/JS technology comprehensive practice]

IntermediateVue3.0 from 0 to build a universal backend management system project practice

ElementaryZero-based front-end course [Vue advanced learning and practical application]

ElementaryWEB front-end tutorial [HTML5+CSS3+JS]

ElementaryQuick introduction to apipost

IntermediateVue3+TypeScript practical tutorial-enterprise-level project practice

ElementaryLet's briefly talk about starting a business in PHP

IntermediateVUE e-commerce project (front-end & back-end dual project actual combat)

ElementaryApipost practical application [api, interface, automated testing, mock]