jQuery标签包含内容操作LOGIN

jQuery标签包含内容操作

标签包含内容操作

利用javascript操作:

  • dvnode.innerHTML 获得div包含的信息

  • dvnode.innerHTML = XXX;  设置div包含的内容

注:innerHTML不是w3c标准技术,许多浏览器对其有支持而已

利用jquery操作:

  • $().html();     //获得节点包含的信息

  • $().html(信息);   //设置节点包含的内容

  • $().text();   //获得节点包含的“文本字符串信息”内容

  • $().text(信息);  //设置节点包含的内容(有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标签 和 普通字符串内容

后者只设置普通字符串内容,如果内容里边有tag标签内容,就把其中的”<”“>”符号转变为符号实体 <-----$lt;  >---->   空格------  

以上两种操作(获取/设置)如果针对的操作内容是纯字符串内容,则使用效果一致。


下一节
<!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>
提交重置代码
章节课件