引入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 删除
评论
登录后参与评论
暂无评论
推荐阅读
相关推荐
window和document
更多 >
💥开发者 MCP广场重磅上线！
精选全网热门MCP server，让你的AI更好用 🚀
腾讯云开发者
