美文网首页
选择器/属性/筛选

选择器/属性/筛选

作者: 垃圾桶边的狗 | 来源:发表于2019-03-24 12:41 被阅读0次

    创建元素

    $("<p></p>")
    

    迭代遍历

    $("li").each(function(i){
        $("li").eq(i)
    })
    

    获取元素在元素内的下标 index()

    $("li").index($("#selected"))
    

    size()和length

    能属性解决的 就少用函数
    

    data给元素加数据

    data("key") 拿数据
    data("key","value")设置key=value
    
    基本选择器,层级选择器,伪类选择器
        $("p") 标签选择器
    
        $(".box") class 选择器
    
        $("#container") id 选择器
    
        $("*") 通配符选择器
    
        $("#box, .box1") 群组选择器
    
        $("div .box") 包含选择器
    
        $("div + p") div同级后的第一个
    
        $("div ~ p") div同级后所有
    
        $("div:last") 最后的一个div
    
        $("div:first") 第一个div
    
        $("div:eq(n)") 第N个div
    
        $("div:lt(n)") 前N个div
    
        $("div:gt(n)")后N个div
    
        $("div:odd") 奇数位的元素
    
        $("div:even")偶数位的元素
    
        $("div:not()")排除
    
        $("div > p") 获取div内的P
    

    转换

    DOM 转jQuery ,现获取DOM元素

    var $j_obj = $(DOM元素)
    

    jQuery转DOM

    var dom_obj = $(".box").get(0) # 或者用下标[下标值]
    

    其他

    css() 获取或设置元素的css, 一个值的时候是获取 两个值是设置,也可以设置多个值
    
        attr() 获取或设置元素的属性 一个值的时候是获取 两个值是设置
    
        addClass 添加类
    
        removeClass 删除类名
    
        $("div").click(function (){
    
            代码块
    
        })
    
    

    属性

    3.1attr 一个值代表读取 
    
                 两个值是设置
    
                设置多个属性的时候({"color":"red", "font-size":"20px"})
    
        3.2prop  一个值代表读取 
    
                  两个值是设置
    
                设置多个属性的时候({"color":"red", "font-size":"20px"})
    
        3.3比较
    
            eg:
    
            attr 读取src属性的时候是“/img/01.png”  相对路径
    
            prop 读取src属性的时候是 网路的绝对路径
    
        3.4removeAttr(Prop) 尽量不要去使用 
    
        3.5 html()
    
            没值:是读取
    
            有值得时候:是设置
    
        3.6 text()
    
            没值:是读取
    
            有值得时候:是设置
    
        3.7 val()
    
            获取或者设置input里面的内容(value)
    
    
    
    

    筛选

    first()
    
        last()
    
        eq()
    
        not()
    
        has() 包含某个元素的
    
        find() $("div").find("p") 在div内找p标签
    
        is() 判断
    
        input的type相关的筛选 具体N多个 详情请见字典
    
    

    相关文章

      网友评论

          本文标题:选择器/属性/筛选

          本文链接:https://www.haomeiwen.com/subject/vvfuvqtx.html