JAVA全系列 教程
3762个小节阅读:7093.9k
目录
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
选择器
基础选择器
属性选择器
DOM操作
CSS操作
事件处理
遍历
动画
属性选择器有很多操作方式(6个)
选择指定属性是给定值的元素
attribute: 属性
Selector: 选择器
name: 选中的属性
value: 属性值
xxxxxxxxxx
<!DOCTYPE html>
<html>
<head>
<script src="./js/jquery-3.6.0.min.js"></script>
</head>
<body>
<div>
<input type="radio" name="user" value="name" />
<span>name</span>
</div>
<div>
<input type="radio" name="user" value="age" />
<span>age</span>
</div>
<script>
$('input[value="name"]').next().html("username");
</script>
</body>
</html>
选择指定属性值等于给定字符串或以该字符串为前缀(该字符串后跟一个连字符“-” )的元素
xxxxxxxxxx
<!DOCTYPE html>
<html>
<head>
<script src="./js/jquery-3.6.0.min.js"></script>
</head>
<body>
<a href="#" alt="sxt">尚学堂</a>
<a href="#" alt="sxt-web">尚学堂-前端</a>
<a href="#" alt="sxtitbaizhan">itbaizhan</a>
<script>
$('a[alt|="sxt"]').css('border', '3px solid green');
</script>
</body>
</html>
选择指定属性具有包含一个给定的子字符串的元素。(选择给定的属性是以包含某些值的元素)
xxxxxxxxxx
<!DOCTYPE html>
<html>
<head>
<script src="./js/jquery-3.6.0.min.js"></script>
</head>
<body>
<input name="sxt-itbaizhan" />
<input name="sxtweb" />
<input name="bjsxtweb" />
<input name="itbaizhan" />
<script>$('input[name*="sxt"]').val('study!');</script>
</body>
</html>
实时效果反馈
1. 下列关于属性选择器,哪个是选中包含给定字符串元素的选择器:
A Attribute Selector [name="value"]
B Attribute Selector [name|="value"]
C Attribute Selector [name*="value"]
答案
1=>B