• 目录

引入JS文件和JQuery

阅读量: 490 编辑

引入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>


  • 目录