jquery html属性和text属性的区别

时间：2023-03-09 00:13:04
jquery html属性和text属性的区别 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

 <head>

  <title>jquery html属性和text属性的区别</title>

  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />

  <style type="text/css">

  </style>

  <script  type="text/javascript" src="jquery-1.7.1.min.js"></script>

  <script type="text/javascript">

  /*

  */

        window.onload=function(){

            $('#btnOk').click(function(){

                //html解析内部标签

                //$('#div1').html('hello,<font color=red>php</font>')

                //text不解析内部标签

                $('#div1').text('hello,<font color=red>php</font>')

            });

        };

  </script>

 </head>

 <body>

    <div id="div1">test1</div>

 <input type="button" id='btnOk' value='确定'  />

 </body>

</html>

相关文章