element[attribute*="value"]​和element[attribute~="value"]用法上有什么具体区别?

element[attribute*="value"]​和element[attribute~="value"]用法上有什么具体区别?

# 具体遇到的问题
element[attribute*="value"]​和element[attribute~="value"]用法上有什么具体区别?

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕夭夭 2020-12-02 10:12:58

同学你好,可以通过一个例子,直观的理解它们的区别。参考如下:

1.使用element[attribute*="value"]的方式

http://img1.sycdn.imooc.com//climg/5fc6f73409158d2f06380393.jpg

可以获取到包含“test”属性值的元素,如下图:

http://img1.sycdn.imooc.com//climg/5fc6f77d09d910cb08220121.jpg

2.使用element[attribute~="value"]的方式

http://img1.sycdn.imooc.com//climg/5fc6f7b609fafde603680110.jpg

只能获取属性值为“test”的元素,“first_test”不满足类名为test”,所以不会被选中。如下图:

http://img1.sycdn.imooc.com//climg/5fc6f7e0097b1e9408260135.jpg

综上,element[attribute*="value"]和element[attribute~="value"]的区别是:element[attribute*="value"]获取属性值包含"value"的元素,而element[attribute~="value"]只获取属性值为"value"的元素。

祝学习愉快~


问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师