jQuery内容:
- 选择器
- 筛选器
- 样式操作
- 文本操作
- 属性操作
- 文档处理
- 事件
- 动画效果
- 插件
- each、data、Ajax
剩余未写的有:
1、表单筛选器:
:text
:password
:file
:radio
:checkbox
:submit
:reset
:button
例子:
$(":checkbox") // 找到所有的checkbox
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="jQuery-3.4.1.js"></script> </head> <body> <!--novalidate 告诉浏览器不要帮你做额外的数据校验--> <from action=""> <p><label for="d1">username:<input type="text" id="d1" disabled></label></p> <p><label for="d2">password:<input type="password" id="d2"></label></p> <input type="submit"> <input type="checkbox" name="hobby">篮球 <input type="checkbox" name="hobby" checked>台球 <input type="checkbox" name="hobby">足球 <select name="" id=""> <option value="">111</option> <option value="" selected>>222</option> <option value="">333</option> </select> </from> </body> </html>
2、表单对象属性
:enabled :disabled :checked :selected
3、筛选器方法
下一个元素
$("#id").next() $("#id").nextAll() $("#id").nextUntil("#i2")
上一个元素
$("#id").prev() $("#id").prevAll() $("#id").prevUntil("#i2")
父亲元素
$("#id").parent() $("#id").parents() // 查找当前元素的所有的父辈元素 $("#id").parentsUntil() // 查找当前元素的所有的父辈元素,直到遇到匹配的那个元素为止。
儿子和兄弟元素
$("#id").children(); // 儿子们
$ ("#id").siblings() // 兄弟们
查找
$("div").filter(".c") //从结果集中过滤出有c1样式类的 等价于 $("div.c1")
补充:
.first() // 获取匹配的第一个元素
.last() // 获取匹配的最后一个元素
.not() // 从匹配元素的集合中删除与指定表达式匹配的元素
.has() // 保留包含特定后代的元素,去掉那些不含有指定后代的元素。
.eq() // 索引值等于指定值的元素
4、左侧菜单