JQuery事件作业

Original 2018-11-07 23:32:01 162
abstract:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> </style> <sc
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">

</style>
<script type="text/javascript" src="jquery-3.3.1.js"></script>
</head>
<body>
当前指针位置:<span></span>
<br>
页面缩放次数:<i></i>


<script type="text/javascript">
$(document).ready(function(){
$(document).mousemove(function(aa){
$('span').text('x: '+aa.pageX+'y: '+aa.pageY)
})
var x=0
$(window).resize(function(){
$('i').text(x++)
})

})
</script>
</body>
</html>

还有意思的定位和缩放记录功能。

JQuery把JS的代码简化后思路明显更加明朗,代码也更加容易敲出来,不知道为什么老师说去JQuery化逐渐成为趋势,其实真的挺好用的。

可能别的框架更加强大了吧

Release Notes

Popular Entries