jquery 文本/html/值

最新推荐文章于 2023-11-11 06:09:29 发布

qq_29069777

最新推荐文章于 2023-11-11 06:09:29 发布

阅读量94

点赞数

分类专栏：前端文章标签： jquery

原文链接：https://www.mk2048.com/blog/blog.php?id=hbbb2210abab&title=jquery+%E6%96%87%E6%9C%AC%2Fhtml%2F%E5%80%BC

版权

前端专栏收录该内容

1175 篇文章 2 订阅

订阅专栏

<!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>文本/html/值</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">
  /*
        html()    //获取内容  innerHtml
        html(val)  //设置内容    innerHtml
        val()   //获取值  val      针对表单
        val(val)  //设置值 val    针对表单
        text()   //获取内容   innerText
        text(val)  //设置内容  innerText
  */ 
        window.onload=function(){
            $('#btnOk').click(function(){
                //取值
                //alert($('#username').val());
                //赋值
                //$('#username').val('jQuery');

                //alert($('#div1').html());
                //$('#div1').html('jquery');
            });
        };
  </script>
 </head>
 <body>
 <input type='text' id="username" />
    <hr />
    <div id="div1">test1</div>
    <hr />
    <div id="div2">test2</div>
    <hr />
 <input type="button" id='btnOk' value='确定'  />
 </body>
</html>