jQuery的小复习(选择器、筛选器、标签对象、属性的操作、class属性的操作)

jQuery
    1, 概念
        是一个 前端JavaScript的 函数方法库
        定义好JavaScript程序,可以直接调用使用
        本质上还是JavaScript,只是别人把功能和程序都设定好了

    2, 使用方法
        加载外部jQuery文件,本质上实际是一个js文件
        通过 $  或者 jQuery  来调用方法

    3, 优点
        强大的选择器
        链式编程
        隐式迭代

    4,选择器 ---- 都是伪数组
        基本选择器
            $('#id属性值')  
            $('.class属性值')  
            $('标签名称')  
            $('[属性="属性值"]')
            $('标签结构')  > 父子  空格 后代  + 兄弟  ~ 一般兄弟
            $('结构伪类') 
                :first   :last  :odd   :even  :eq()    都是根据索引获取标签

                :first-child     :last-child    :nth-child(odd/even)      标签个数   
                :first-of-type   :last-of-type  :nth-of-type(odd/even)    标签个数   

    5,筛选器 ---- 在选择器的基础上,再做出筛选
        $().first        第一个  
        $().last         最后一个
        $().eq()         按照索引查询 -- 参数是数值
        $().prev()       上一个兄弟
        $().next()       下一个兄弟
        $().prevAll()    上面的所有兄弟
        $().nextAll()    下面的所有兄弟
        $().siblings()   所有兄弟
        $().parent()     直接父级
        $().parents()    所有父级
        $().children()   所有子级
        $().find()       在当前标签对象子级查询
        $().index()      在当前标签的索引下标

    6, 标签对象
        JavaScript获取的标签对象,不能直接使用jQuery语法来操作
        jQuery获取的标签对象,也不能直接使用JavaScript语法来操作

        必须要相互转化

        $(js标签对象) --- 转化为 jQuery 标签对象
        $()[索引下标] --- 转化为 JavaScript 标签对象

    7, 属性的操作
        prop()
            设定操作 布尔属性 
            prop删除的,只能是prop设定的
        attr()
            设定除布尔属性之外的所有属性
            attr删除一切

    8, class属性的操作
        addClass        新增 在原有基础上新增,可以新增多个
        removeClass     删除 只删除指定的属性,可以删除多个
        toggleClass     切换 有就删除,没有就新增
        hasClass        判断 判断有没有class属性值
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值