| 12345678910111213141516171819202122232425262728293031323334353637383940 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>属性过滤选择器</title>
- </head>
- <body>
- <p title="ppp">ppppppppp</p>
- <p title="pps">ppppppppp</p>
- <p title="asp" id="p-box">cccccccccc</p>
- <p>aaaaaaaaaaaaaa</p>
- <p id="p1">bbbbbbbbbbb</p>
- </body>
- <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
- <script>
- $('p[title][id]').css('color','blue')
- // [attr*=value] 获取属性值含有value的元素
- // $('p[title*=s]').css('color','blue')
- // [attr$=value] 获取属性值以value结尾的元素
- // $('p[title$=p]').css('color','blue')
- // [attr^=value] 获取属性值以value开头的元素
- // $('p[title^=p]').css('color','blue')
- // [attr!=value] 获取属性值不为value的元素
- // $('p[title!=ppp]').css('color','blue')
- // [attr=value] 获取属性值为value的元素
- // $('p[title=ppp').css('color','blue')
- // $('p[title=sdf').css('color','blue')
- // [attr] 获取含有指定属性的元素
- // $('p[title]').css('color','blue')
- </script>
- </html>
|
