jQuery复习(Day01)

jQuery是JavaScript库,对JavaScript进行了封装,方便了程序员的操作

$是一个全局的对象,代表jQuery
入口函数:$(document).ready(function(){
    
    
        ....
    })
    简写方式:$(function(){
    
    
        .....
    })

选择器

选择器

类选择器: ( " . c l a s s " ) i d 选 择 器 : (".class") id选择器: (".class")id("#id")
标签选择器: ( " 标 签 名 " ) 同 时 获 取 多 个 元 素 : ("标签名") 同时获取多个元素: ("")(标签1,标签2,标签3…)

层级选择器:

( p a r e n t > c h i l d ) − − − 获 取 父 元 素 下 的 所 有 子 元 素 紧 邻 的 同 级 元 素 : (parent>child) ---获取父元素下的所有子元素 紧邻的同级元素: (parent>child)(prev+next)—当前元素紧邻的下一个同级元素
之后的同级元素: ( p r e v   s u b l i n g s ) − − − 获 取 当 前 元 素 之 后 的 所 有 同 级 元 素 过 滤 选 择 器 第 一 个 元 素 : (prev~sublings)---获取当前元素之后的所有同级元素 过滤选择器 第一个元素: (prev sublings)(div:first) —获取指定选择器中的第一个元素
最后一个元素: ( d i v : l a s t ) − − − 获 取 指 定 选 择 器 中 的 最 后 一 个 元 素 索 引 为 偶 数 : (div:last)---获取指定选择器中的最后一个元素 索引为偶数: (div:last)(div:even)—获取指定选择器中偶数行的元素
索引为奇数: ( d i v : o d d ) − − − 获 取 指 定 选 择 器 中 奇 数 行 的 元 素 索 引 值 : (div:odd)---获取指定选择器中奇数行的元素 索引值: (div:odd)(:eq(index))—获取索引值等于index的元素
大于索引值: ( : g t ( i n d e x ) ) − − − 获 取 索 引 值 大 于 i n d e x 的 元 素 小 于 索 引 值 : (:gt(index))---获取索引值大于index的元素 小于索引值: (:gt(index))index(:lt(index))—获取索引值小于index的元素
获取焦点:$(:focus)—找到当前获取焦点的元素

内容选择器:

( : c o n t a i n s ( t e x t ) ) − − − 获 取 内 容 包 含 有 t e x t 文 本 的 元 素 , 例 如 : (:contains(text))---获取内容包含有text文本的元素,例如: (:contains(text))text(“li:contains(‘js’)”)
( : h a s ( s e l e c t o r ) ) − − − 获 取 内 容 包 含 指 定 选 择 器 的 元 素 , 例 如 (:has(selector))---获取内容包含指定选择器的元素,例如 (:has(selector))(“li:has(‘a’)”)获取li中包含a标签的元素
$(:parent)—获取内容不为空的选择器
$(:empty)—获取内容为空的选择器

可见性选择器:

( : h i d d e n ) − − − 获 取 所 有 隐 藏 元 素 例 如 : (:hidden)---获取所有隐藏元素 例如: (:hidden)(“p:hidden”)找到所有隐藏的P元素
$(:visible)—获取所有可见元素

属性选择器:

$(div[attr])------获取具有指定属性的元素
$([attr!=value])------获取属性值不等于value的元素
$([attr=value])------获取属性值等于value的元素
$([attr^=value])------获取属性值以value开头的元素
( [ a t t r ([attr ([attr=value])------获取属性值以value结尾的元素
$([attr*=value])------获取属性值包含有value的元素

子元素选择器

$(:first-child)—获取第一个子元素
$(:last-child)—获取最后一个子元素
$(:only-child)—获取当前元素是唯一的子元素

表单选择器

$(:input)—获取所有的表单元素,包含select,textera
$(:text)—获取所有的文本框
$(:password)—获取所有的密码框
$(:radio)—获取所有的单选按钮
$(:enable)—获取所有可用的表单元素
$(:disable)—获取所有不可用的表单元素,争对的是radio,checkbox
$(:checked)—获取所有选中的表单元素,争对的是select

猜你喜欢

转载自blog.csdn.net/rraxx/article/details/115011516