引入JS文件和JQuery

鹤川

发布于 2023-03-21 21:44:40

6.2K0

发布于 2023-03-21 21:44:40

文章被收录于专栏：鹤川博客鹤川博客

引入JS文件和JQuery

引入.js文件

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

jQuery

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

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

一、代码实战

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

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

<!DOCTYPE html>
<htmllang="en">
    <head>
        <metacharset="UTF-8">
        <metahttp-equiv="X-UA-Compatible"content="IE=edge">
        <metaname="viewport"content="width=device-width, initial-scale=1.0">
        <scriptsrc="./jquery-1.11.3.min.js"></script>
        <title>jQuery</title>
    </head>
  
    <body>
        <inputid="mytext"type="text"/>
        <buttononclick="getValue()">获取输入框内容</button>

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

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2023 年 02 月，如有侵权请联系 cloudcommunity@tencent.com 删除

jquery