• jquery属性值选择器


    $("[attribute|='value']")
    选择指定属性值等于给定字符串或改字符串为前缀(该字符串后跟一个连字符“-”)的元素。
    attribute: 一个属性名
    value: 一个属性值

    $(function(){
    
        $('a[hreflang|="en"]').css("border","2px solid red");
            //查找hreflang属性值是英语的所有链接。
    });

    $("[attribute*='value']")
    选择指定属性具有包含一个给定的子字符串的元素。(选择给定的属性是以包含某些值的元素)
    attribute: 一个属性名
    value: 一个属性值,可以是一个不带引号的一个单词,或一个带引号的字符串。

    $(function(){
        $('input[name*="man"]').css("border","2px solid red");
            //查找所有 input 的 name 属性中带有 'man' 的元素,并添加边框
    });

    $("[attribute~='value']")
    选着指定属性用空格分隔的值中包含一个给定的元素。
    attribute: 一个属性名
    value: 一个属性值,可以是一个不带引号的一个单词,或一个带引号的字符串。

    $(function(){
    
        $('input[name~="man"]').css("border","2px solid red");
            //查找所有属性中含有 'man' 这个单词的文本框,并且修改其文本值。
    })

    $("[attribute$='value']")
    选择指定属性是以给定元素结尾的元素。这个元素比较是区分大小写的。
    attribute: 一个属性名
    value: 一个属性值,可以是一个不带引号的一个单词,或一个带引号的字符串。

    $(function(){
        $('input[name$="letter"]').css("border","2px solid red");
                //查找所有的属性名称以"letter"的结束,并把他们的文字输入。
    })

    $("[attribute='value']")
    选择指定属性是给定值的元素。
    attribute: 一个属性名。
    value: 一个属性值,可以是一个不带引号的一个单词,或一个带引号的字符串。

    $(function(){
        $('input[value="Hot Fuzz"]').next().text("Hot Fuzz");
            //查找input 中 value 值等于 Hot Fuzz 的将其后面的元素添加文本。
    })

    $("[attribute!='value']")
    选择指定属性不等于这个值的元素
    attribute:一个属性名
    value: 一个属性值,可以是一个不带引号的一个单词,或一个带引号的字符串。

    $(function(){
        $('input[name!="newsletter"]').next().append("<b>;not newsletter</b>")
                //查找input 中name 不等于 newletter 的下一个元素追加 文本。
                    注:主要含有这个字符串就行。
    })

    $("[attribute^='value']")
    选择指定属性就是以给定字符串开始的元素。
    attribute:一个属性名
    value: 一个属性值,可以是一个不带引号的一个单词,或一个带引号的字符串。

    $(function(){
        $('input[name^="news"]').val("news here!");
        //查找input 中 name 中含有new 这个字符串的 添加value 值。
    })
    
    

    $("[attribute]")
    选择所有具有指定属性的元素,该属性可以是任何值。
    attribute: 一个属性名。

    $(function(){
        $('div[id]').css("color","red")
                //给绑定id属性的div的文本颜色变成红色。
    })

    $("[attributeFilter1][attributeFilter2]attributeFilter3")
    选择匹配所有指定的属性筛选器的元素
    attributeFilter1: 一个属性过滤器
    attributeFilter2:另一个属性过滤器,用于进一步减少被选择的元素。
    attributeFilterN: 根据需要有更多的属性过滤器。

    $(function(){
        $('input[id][name$="man"]').val('only this one')
        //查找那些有id属性,并且name 属性以man结尾的输入框,并设置值。
    })
    
    
  • 相关阅读:
    Golang Web入门(3):如何优雅的设计中间件
    Golang Web入门(2):如何实现一个高性能的路由
    基于MySQL 的 SQL 优化总结
    Redis系列(七)Redis面试题
    Redis系列(六)Redis 的缓存穿透、缓存击穿和缓存雪崩
    Redis系列(五)发布订阅模式、主从复制和哨兵模式
    Redis系列(四)Redis配置文件和持久化
    Redis系列(三)Redis的事务和Spring Boot整合
    Redis系列(二)Redis的8种数据类型
    Redis系列(一)Redis入门
  • 原文地址:https://www.cnblogs.com/nmxs/p/4888049.html
Copyright © 2020-2023  润新知