我的第十三课：jQuery - 设置内容和属性

最新推荐文章于 2018-08-27 11:03:35 发布

没有一明天

最新推荐文章于 2018-08-27 11:03:35 发布

阅读量616

点赞数

分类专栏： jquery学习文章标签： jquery

本文链接：https://blog.csdn.net/meiyouyimingtian/article/details/20584191

版权

jquery学习专栏收录该内容

16 篇文章 0 订阅

订阅专栏

jQuery - 设置内容和属性的代码：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
<head>
       <script type="text/javascript" src="js/jquery-1.7.1.js"></script>
       <script type="text/javascript">
            $(document).ready(
                function(){
                   $("#button1").click(
                      function(){
                         $("#test1").text("hello word");
                      }
                   );

                    $("#button2").click(
                      function(){
                         $("#test2").html("<b>hello word<b>");
                      }
                   );

                   $("#button3").click(
                      function(){
                         $("#test3").val("hello");
                      }
                   );
                }
            );
       </script>
</head>

<body>
      <p id="test1">这是段落</p>
      <p id="test2">这是另外一个段落</p>
      <p>输入值：<input type="text" value="test" id="test3" /></p>
      <button id="button1">设置文本</button>
      <button id="button2">设置html</button>
      <button id="button3">设置值</button>
</body>
</html>