菁英数字科技(猩码)-猩码学苑-专注软件开发人才菁英教育

标题: 孙佳豪--82期jQuery--20221226 [打印本页]

作者: 晓9863    时间: 2022-12-26 19:46
标题: 孙佳豪--82期jQuery--20221226
今日所学:
入口函数
    意思:一旦dom结构渲染完毕就可以执行内部代码----window.onload
    $(function(){js代码})
    $(document).ready(function(){js代码})
jQuery对象与原生对象相互转换
    jQuery对象转为原生对象(加索引)
    原生对象转为jQuery对象(加一个$符)
    选择器不存在是,原生返回null,jQuery返回正常
jQuery对象的遍历
    each会自动进行遍历,不需要传递item,index
操作类名
    添加addClass
    移除removeClass
    切换toggleClass
选择器
    基础选择器
        id选择器
        class选择器
        标签选择器
        通用选择器
    层次选择器
        后代选择器
        子代选择器
        相邻选择器:prev+next  $('#box + ul')
        同辈选择器:prev~siblings $('#box ~ div')
    表单选择器
        $(':input')    (加:包含input/select/textarea/button)
        input标签的type属性的选择器   :text    :password
    筛选选择器
        first():集合中第一个元素
        last():集合中最后一个元素
        eq(n):n从零开始
        $lis.length - 1代表最后一个
        next()下一个
        prev()上一个
        nextAll()后面的所有兄弟节点    传参:选择器   不传参:默认选择所有
        nextUntil()筛选出元素后面所有的兄弟元素,直到选择器元素为止
        parent()所有父级元素
        parents()所有祖先元素
        parentsUntil(选择器)不包含参数的这个选择器对应的元素
        children(选择器)筛选出所有符合条件的子元素
        find(选择器)后代元素
        所有的兄弟节点---选择器 sibings()不包含自己
        index()索引






欢迎光临 菁英数字科技(猩码)-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/) Powered by Discuz! X3.4