一、jQuery库包含以下功能:
HTML 元素选取
HTML 元素操作
CSS 操作
HTML 事件函数
JavaScript 特效和动画
HTML DOM 遍历和修改
AJAX
Utilities
提示: 除此之外,Jquery还提供了大量的插件。
二、添加jQuery库(像我这样贫穷的人当然是直接用CDN了)
参照jQuery api中文文档学习,效果更佳
链接
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
三、jQuery选择器(css选择器)+事件=jQuery
$(选择器).事件()
jQuery选择器对应css的选择器
jQuery事件: 鼠标事件 mouse 检测鼠标动作
<!--获取鼠标当前坐标-->
<span id="mouseXY"></span>
<span id="danji"></span>
<div id="divMOve">
</div>
<script>
//当网页加载完毕,响应事件 $(function (){})==$(document).ready(function (){})
$(function (){
$('#divMOve').mousemove(function (e){
$('#mouseXY').text('x'+e.pageX+','+'y'+e.pageY);
})
$('#divMOve').click(function (e){
$('#danji').text('单击');
})
});
/*JQuery点击事件有以下几种:
Click鼠标单击事件
Dblclick 鼠标双击事件
Mousedown鼠标按下事件
Mouseup鼠标弹起事件
Mouseenter鼠标进入事件
Mouseleave鼠标移出事件
*/
</script>