首页 > Web开发 > 详细

JQuery

时间:2019-07-10 23:33:57      阅读:107      评论:0      收藏:0      [点我收藏+]

一、查找标签

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

原文:https://www.cnblogs.com/wt7018/p/11167158.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!