引入JS文件和JQuery

阅读量: 273 编辑

引入JS文件和JQuery

引入.js文件

JS的代码可以写在单独的.js文件中
通过的方式引入
引入之后的使用方式和在html中直接写js脚本是一样的功能

jQuery

jQuery是一个轻量级的框架，一个单独的js文件，大部分网站和web应用都会使用
选择器功能，非常强大
Ajax异步请求后端，非常强大

<script type="text/javascript" src="./jquery-1.11.3.min.js"></script>

一、代码实战

代码的详细解读，可以参考视频教程。

新建 html 文件 22-jQuery.html ，编写下方程序，运行看看效果吧

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script src="./jquery-1.11.3.min.js"></script>
        <title>jQuery</title>
    </head>
    
    <body>
        <input id="mytext" type="text" />
        <button onclick="getValue()">获取输入框内容</button>

        <script type="text/javascript">
            function getValue(){
                // let value = document.getElementById('mytext').value
                let value = $('#mytext').val()
                alert(value)
            }
        </script>
    </body>
</html>