使用Jquery动态绑定按钮和输入框

我就是我 2023-10-09 18:52 81阅读 0赞

实现效果,当点击按钮时,文本框内会出现指定内容

c1a97ec3d1af4ab28075002e236a43c0.png

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>动态绑定文本框和按钮</title>
  6. <script src="js/jquery-1.11.3.min.js"></script>
  7. <script>
  8. $(function() {
  9. $("#btn").click(function() {
  10. $("#text").val("你好");
  11. });
  12. });
  13. </script>
  14. </head>
  15. <body>
  16. <div id="content"></div>
  17. <button id="btn" type="button">点击出现文字</button>
  18. <input id="text" type="text">
  19. </body>
  20. </html>

发表评论

表情:
评论列表 (有 0 条评论,81人围观)

还没有评论,来说两句吧...

相关阅读

    相关 动态静态详解

    动态绑定和静态绑定详解 弄清调用对象方法的执行过程十分重要.下面是调用过程的详细描述: 1.编译器查看对象的声明类型(注意和实际类型区分)和方法名。假设调用x.f(pa

    相关 jQuery动态事件

    jquery中绑定事件一般使用bind,或者click,但是这只能是对已经加载好的元素定义事件,那些后来添加插入的元素则需要另行绑定。在1.7版本以前使用live。但是在1.8

    相关 C++动态静态

    为了支持c++的多态性,才用了动态绑定和静态绑定。理解他们的区别有助于更好的理解多态性,以及在编程的过程中避免犯错误。 需要理解四个名词: 1、对象的静态类型:对象在

    相关 动态静态

    为了支持c++的多态性,才用了动态绑定和静态绑定。理解他们的区别有助于更好的理解多态性,以及在编程的过程中避免犯错误,需要理解四个名词: 1、对象的静态类型:对象在声明时采

    相关 动态按钮点击事件

    在做asp.net网站时对表格数据(操作列)进行操作(编辑和添加),制作的弹出框一模一样,只是单击事件执行代码不一样,为了不重新制作窗体,只能动态改变a标签事件。