jQuery 选择器
选择器 可以选择到需要的标签 更改其样式
1 基本选择器
![](https://img-blog.csdnimg.cn/20210617194006746.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl81OTAxNDA1OA==,size_16,color_FFFFFF,t_70)
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210224160353306.png)
过滤选择器
2 基本过滤选择器
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210224164622145.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0RSRUFNX3lhbw==,size_16,color_FFFFFF,t_70)
![](https://img-blog.csdnimg.cn/20210617194200888.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl81OTAxNDA1OA==,size_16,color_FFFFFF,t_70)
jQuery的属性操作
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210224174419947.png)
css样式操作
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210224174510313.png)
其他事件处理方法
![##](https://img-blog.csdnimg.cn/20210225134152128.png)
事件对象
<script type="text/javascript" src="../../script/jquery-1.7.2.js"></script>
<script type="text/javascript">
$(function(){
$("#panel").click(function ( event ) {
console.log(event);
})
});
</script>