JQuery

2019-07-10 23:02:40 阅读：164 来源： 互联网

一、查找标签

1、基础选择器

标签选择器

$("h2")

id选择器

$("#i1")

类选择器

$(".c1")

选择所有元素

$("*")

组合选择器

$("#i1, h2, .c1")

配合选择器

$("h2.c1")

2、层级选择器

后代选择器

$("form input")

儿子选择器

$("label>input")

毗邻选择器

$("label+input")

弟弟选择器

$("#p2~li")

3、属性选择器

$("form input[type='email']")

4、基本筛选器

:first // 第一个
:last    // 最后一个
:eq(index)    // 第index个元素
:gt(index)    // 大于指定索引元素
:lt(index)    // 小于指定索引元素
:odd    // 索引为奇数的元素
:even    // 索引为偶数的元素
:not(元素选择器)    // 不含有该元素选择器
:has(元素选择器)    // 含有该元素选择器，    这里指的是该元素选择器的父标签

5、表单筛选器

:text
:password
:radio
:checkbox
:file

:submit
:button
:reset

表单对象属性

:disabled
:checked
:selected

二、筛选器方法

下一个元素

$("#i1").next()
$("#i1").nextAll()
$("#i1").nextUntil(#i2")

上一个元素

$("li").prev()
$('li').prevAll()
$('li').prevUntil("#p3")

父亲元素

$("#id").parent()
$("#id").parents()  
$("#id").parentsUntil()

儿子元素

$("#id").children()

兄弟姊妹元素

$("#id").siblings()

查找

$("div").find(".c1")

其它

.first() 
.last() 
.not() 
.has() 
.eq()

三、样式标签

1、样式操作

addClass()
removeClass()
hasClass()
toggleClass()

标签：JQuery,index,i1,元素,li,id,选择器
来源： https://www.cnblogs.com/wt7018/p/11167158.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

JQuery