jQuery tag cont...LOGIN

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.

Next Section
<!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>
submitReset Code
ChapterCourseware