分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

jQuery 选择器和筛选器

发布时间:2023-09-06 02:18责任编辑:郭大石关键词:jQuery选择器

1. jQuery
1. 选择器 ?$("")
1. 基本选择器
1. ID ??????--> $("#d1")
2. 标签名 ??--> $("p")
3. class名 ?--> $(".C1")
4. 通用的 ??--> $("*")
5. 组合 ????--> $(".c1,div,a")

2. 层级选择器
1. 子子孙孙 ??--> $("x y")
2. 儿子选择器 --> $("x>y")
3. 弟弟选择器 --> $("x~y")
4. 毗邻选择器 --> $("label+input")

2. 筛选器
1. 基本筛选器
1. :first
2. :last
3. :eq() ??--> 从0开始
4. :even ??--> 偶数
5. :odd ???--> 奇数
6. :gt
7. :lt

8. :not ???--> $("div:not(.c1)")
9. :has ???--> $("div:has(.c1)")

2. 属性选择器
1. $("[title]")
2. $("[type=‘text‘]")
3. $("[type!=‘text‘]")

3. 表单选择器
1. $(":checkbox") ??--> ??$("input[type=‘checkbox‘]")
2. $(":text")

...
4. 表单对象
1. $(":disabled") ??--> 找到不可用的标签

...
5. 筛选器方法(只是应用场景和上面的基本筛选器不同而已)
1. $("div").first()
2. ...
6. 常用的方法
1. .next() ????--> 找到挨着我的下一个同级标签
2. .nextAll() ?--> 下边同级的所有
3. .nextUntil()--> 往下找,直到找到终止条件为止

4. .prev()
5. .prevAll()
6. .prevUntil()

7. .siblings() ?--> 找所有的兄弟(前面的后面的都能找到)
8. .children()

9. .parent()
10. .parents()
11. .parentsUntil()

12. .find(各种条件都可以写)

3. 样式操作
1. 操作class类
1. .addClass()
2. .removeClass()
3. .hasClass()
4. .toggleClass()

jQuery 选择器和筛选器

原文地址:https://www.cnblogs.com/huge-666/p/9782634.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved