码迷,mamicode.com
首页 > 其他好文 > 详细

day56JQ

时间:2018-06-04 16:45:37      阅读:118      评论:0      收藏:0      [点我收藏+]

标签:技术   操作   函数   eva   这一   没有   tun   lin   常用   

一、JQ对象

$("#i1")转换成DOM对象$("#i1")[0]

$("DOM对象")转换成JQ对象

二、查找标签

id 选择器 $("#i1")

标签选择器 $("p")

class 选择器$(".c1")

组合选择器

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

层级选择器

$("x y")x的所有后代Y(子子孙孙)

$("x>y")X的所有儿子y(儿子)

$("x+y")找到所有紧挨着X后面的Y

$("x~y")X之后的所有的兄弟Y

基本筛选器

:first // 第一个
:last // 最后一个
:eq(index)// 索引等于index的那个元素
:even // 匹配所有索引值为偶数的元素,从 0 开始计数
:odd // 匹配所有索引值为奇数的元素,从 0 开始计数
:gt(index)// 匹配所有大于给定索引值的元素
:lt(index)// 匹配所有小于给定索引值的元素
:not(元素选择器)// 移除所有满足not条件的标签
:has(元素选择器)// 选取所有包含一个或多个标签在其内的标签(指的是从后代元素找)

 

技术分享图片

 

 属性选择器

技术分享图片

 

 表单常用筛选:

:text
:password
:radio
:checkbox

:submit
:reset
:button

表单对象属性:

:enabled

:disabled

:checked

:selected

技术分享图片

筛选器

下一个元素:

$("#id").next()

$(‘#id‘).nextAll()

$("#id").nextUntil("#i2")

下一个元素:

$("#id").prev()

$("#id").prevAll()

$("#id").prevUntil("#i2")

父亲元素:parentsUntil直到找到某个标签为止不包括些标签

$("#id").parent()

$("#id").parents()

$("#id").parentsUntil()

儿子和兄弟元素:

$("#id").children();

$("#id").siblings();

查找元素:

$("#id").find()搜索所有与指定表达式匹配的元素。这个函数是找出正在处理的元素的后代

元素的好方法。

补充推荐用这一种

技术分享图片

 

 三操作标签

样式类

addClass();添加指定的CSS类

removeClass();移除指定的CSS类

hasClass();判断样式存不存在

技术分享图片

toggleClass();如果有就移除,没有就添加

day56JQ

标签:技术   操作   函数   eva   这一   没有   tun   lin   常用   

原文地址:https://www.cnblogs.com/lg04551/p/9133275.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!