jQuery笔记（一）

最新推荐文章于 2024-03-09 11:41:00 发布

heblgxn

最新推荐文章于 2024-03-09 11:41:00 发布

阅读量316

点赞数

本文链接：https://blog.csdn.net/heblgxn/article/details/37568875

版权

1基本语法
　$(选择器).方法(function(){})
举例：
　$('button').click(function(){
alert("###");
});
说明：$是jQuery的简写
２）连缀方法
　$(选择器).方法(function(){}).方法(function(){})
举例：
$('div').click(function(){}).mouseover(function(){});
在运行过程中，先捆定click事件，然后在捆定mouseover事件
当点击时执行click事件，当鼠标划过时执行行mouseover事件
３）隐式迭代
$('div').css('color','red');
选中页面上所有的div把它的前景颜色改为红色
４$(this)选中当前操作的对象
5 ready()
　　$(doucument).ready(function(){//doucument就是选择器，
//我们的代码

})

测试

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>jQuery</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$('button').click(function(){
		alert('@@@@');
	});
});
</script>
<style>
	
</style>
</head>
<body> 
   
<button>button</button>
</body>
</html>

优惠劵

heblgxn

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery笔记（一）

1基本语法　$(选择器).方法(function(){})举例：　$('button').click(function(){alert("###");});说明：$是jQuery的简写２）连缀方法　$(选择器).方法(function(){}).方法(function(){}) 举例： $('div').click(function(){}).mouseo
复制链接

扫一扫