您的位置：首页 > Web前端 > JQuery

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

2014-03-06 01:15 357 查看

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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： jquery

相关文章推荐

新的分享

章节导航