JS入门到精通第19章 jQuery技术

分类Javascript时间2026-07-08 10:33:07发布信义之树浏览7

导读：一、练习 1. 练习1 （1）源代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>ID选择器的示例</title>...

一、练习

1. 练习1

（1）源代码

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
<title>ID选择器的示例</title>
    
<script type="text/javascript" src="JS/jquery-3.5.1.min.js"></script>
    
<script type="text/javascript">
   
   $(document).ready(function(){
        $("input[type='button']").click(function(){        //为按钮绑定单击事件
            var inputValue = $("#testInput").val();      //获取文本输入框的值
             alert(inputValue);
        });
   });
    
</script>

</head>

<body>
  <input type="text" id="testInput" name="test" value=""/>
  <input type="button" value="输入的值为"/>
</body>
</html>

（2）运行页面

https://www.xinyizhishu.top/jsC/sc/19_1/

（3）Tips

src="JS/jquety.min.js"

$(document).ready(function(){});

$("input[type='button']").click(function(){});

var inputValue=$("#testInput").val();

JS入门到精通第16章图像处理 JS入门到精通第20章常用前端框架简介

JS入门到精通 第19章 jQuery技术

相关内容

JS入门到精通第19章 jQuery技术