jQuery笔记
1.引入jQuery
cdn引入
<script src="https://s3.pstatp.com/cdn/expire-1-M/jquery/3.3.1/jquery.min.js"></script>
各版本jQuerycdn引入和下载链接：jquery所有版本
2.jQuery的使用
jQuery使用万能公式：$(selector).action();
selector：为css选择器
action()：为待执行操作
实例代码一:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="https://s3.pstatp.com/cdn/expire-1-M/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
<a id="test">click</a>
<script>
$('#test').click(function(){
alert("hello")
})
</script>
</body>
</html>
实例代码二:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="https://s3.pstatp.com/cdn/expire-1-M/jquery/3.3.1/jquery.min.js"></script>
<style>
#moveBox{
width: 600px;
height: 600px;
border: 1px solid red;
}
</style>
</head>
<body>
<span id="text"></span>
<div id="moveBox"></div>
<script>
$(function(){
$('#moveBox').mousemove(function(e){
$('#text').text("x:"+e.pageX+"\ny"+e.pageY);
})
})
</script>
</body>
</html>
更多内容请见参考文档:jQuery API 中文文档
|