jQuery事件总结与例子

原创2018-11-18 01:07:0673
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>jQuery练习</title> <script type="text/javascript" src="js/jquery-1.8.3.min.j

<!DOCTYPE html>

<html>


<head>

<meta charset="UTF-8">

<title>jQuery练习</title>

<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>

<script>

//页面起始

$(document).ready(function(){  

//文档获取.鼠标事件.函数

// $(document).mousemove(function(suo){

// //span.文档添加X +  函数.pagex轴坐标

// $('span').text('X轴为:'+suo.pageX+'Y轴为:'+suo.pageY)

// });

  //定义H的起始值为0

  h=0;

  //window 窗口    窗口事件  执行的函数

  $(window).resize(function(){

// alert("窗口被调整")

// 找到B的空标签添加初始值++ ,每次加为1++

$("b").text(h++)

  })

});

</script>

</head>

<body>

<div>当前坐标为:<span></span></div>

<div>您的窗口被调整次数为<b></b></div>

</body>

<!--总结:jQuery事件   鼠标-窗口-弹窗-焦点离开过后等。容易出错的地方是习惯在h++加引号    感谢php中文网老师,图书已收到!.-->

</html>


发布手记

热门词条