第九节|第九节 属性选择器、表单选择器
1、属性选择器
常见事件 - 锐客网
网页显示:
文章图片
image.png 2、表单选择器
文章图片
image.png
表单选择器有很多,具体可以参考文档: https://www.jquery123.com/category/selectors/form-selectors/
常见事件 - 锐客网
网页显示:
文章图片
image.png 3、操作css属性
常见事件 - 锐客网 #div1 {
border: solid red 1px;
width: 100px;
height: 100px;
}111111111222222222
网页显示:
文章图片
image.png
文章图片
image.png 4、操作属性 attr、removeAttr、prop
常见事件 - 锐客网
男
女
网页显示:
文章图片
image.png 5、jQurey对象的遍历
常见事件 - 锐客网
- beijing
- shanghai
- shenzhen
网页显示:
文章图片
image.png
还有一种遍历方法:
常见事件 - 锐客网
- beijing
- shanghai
- shenzhen
【第九节|第九节 属性选择器、表单选择器】网页显示:
文章图片
image.png 6、数组的遍历
常见事件 - 锐客网
- beijing
- shanghai
- shenzhen
网页显示:
文章图片
image.png 7、操作元素中的内容
常见事件 - 锐客网 this is a p
aaaaa
网页显示:
文章图片
image.png 8、处理文档
常见事件 - 锐客网
- beijing
- shanghai
- shenzhen
网页显示:
文章图片
image.png 9、根据enabled、disabled、checked过滤
常见事件 - 锐客网
10、hover
同时监听鼠标进去和出来事件
常见事件 - 锐客网 div {
width: 100px;
height: 100px;
border: red solid 1px;
}
网页显示:
文章图片
image.png
推荐阅读
- 第6.2章(设置属性)
- 第三节|第三节 快乐和幸福(12)
- 开学第一天(下)
- 远去的风筝
- (二)ES6第一节变量(let|(二)ES6第一节变量(let,const)
- 情节33.0
- 4月23日海军节,我在青岛等你,一起看强大的中国海军。(如图如视频)
- 又是多雨的季节
- 我用芋圆和芋饺祝大家元宵节快乐
- 全过程工程咨询——时间管理(12)