jQuery入门
jQuery是什么?
jQuery是一个快速、简介的JavaScript框架,它设计的宗旨是"write Less,Do More",即写更少的代码,做更多的事情。
在哪些情况下需要jQuery?
1.中大型网站的开发
2.是一些前端框架的基础,比如说Easy、Bootstrap
使用jQuery的基本步骤:
①下载jQuery的库
②将下载的js文件引入你的项目
③开始编写代码
使用jQuery实现点击按钮获取文本框的值
代码如下:
<!-- 引入外币js=jQquery的类库 -->
<script src="js/jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script>
<!-- 另起一个javescript -->
<script type="text/javascript">
//页面载入函数 加载DOM
$(function(){//相当于window.on
var b=$("#btnb");//拿到按钮
b.click(function(){//点击事件
//根据ID找到文本框的值并弹出
var a=$("#aa").val();
alert(a);
})
</script>
【页面代码】
<body>
<h2>jQuery入门&选择器</h2>
<h4>案例1:点击按钮弹出文本框的值</h4>
<input type="text" id="aa" />
<input type="button" id="btnb" value="点击[jQuery方式]" />
</body>