摘要：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>jquery基础语法</title> <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.j
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jquery基础语法</title>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js">
</script>
<style>
div{width: 300px;height: 300px;background: orange;position: absolute;}
</style>
</head>
<body>
<!-- 文档就绪语法
$(document).ready(function(){
//jquery code
}) -->
<script>
$(document).ready(function(){
//表单选择器
//$(':enabled').css('background','pink')
$(':disabled').css('background','blue')
$(':selected').css('color','orange')
//找到选择器 执行点击事件
$('#right').click(function(){
//点击后触发函数功能内部样式更改事件
//animate() 动画绘制 该方法用于创建自定义动画
//语法：$(selector).animate({params},speed,fn)
$('.box').animate({left:'+500px'},800)
$('.box').animate({fontSize:'50px'},500)
})
//stop() 用于停止动画或效果
//找到触发id按钮 执行点击事件
$('#stop').click(function(){
$('.box').stop()
})
})
</script>
<form action="">
输入框1 <input type="text" name=""><br>
输入框2 <input type="text" name=""><br>
输入框3 <input type="text" name="" disabled><br>
输入框4 <input type="text" name=""><br>
<select>
<option selected>PHP</option>
<option value="">HTML</option>
<option value="">CSS</option>
<option value="">JS</option>
</select>
</form>
<button id="right">右移动</button>
<button id="stop">停止</button>
<div>51spec</div>
</body>
</html>
//细节不够完美、不够严谨！！，每一行代码应有完整完美的解释！！！现在那 这个 那个 这里 那里 对不对 求求你不要再说了 你说对就对！
批改老师：灭绝师太批改时间：2019-01-11 09:16:05
老师总结：你的反馈我看到了，后面案例部分会少好多，这个，那个，对不对吧，可能录课的时候太想跟人交流了~
