本文实例讲述了jQuery中[attribute^=value]选择器用法。分享给大家供大家参考。具体分析如下：
此选择器能够选取属性值是以某些值开始的元素。
语法结构:
复制代码 代码如下:$("[attribute^=value]")
参数列表:
参数
描述
attribute
属性名称。
value
元素数属性开始的值。
引号在大多数情况下是可选的。但在遇到诸如属性值包含"]"时，用以避免冲突。
实例代码:
实例一:
复制代码 代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://www.jb51.net/" />
<title></title>
<script type="text/javascript" src="/UploadFiles/2021-04-02/jquery-1.8.3.js">
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("li[id^=s]").css("color","blue");
})
})
</script>
</head>
<body>
<ul>
<li id="first">html专区</li>
<li id="second" title="jquery">Jquery专区</li>
</ul>
<ul>
<li id="third">欢迎来到</li>
<li>欢迎您</li>
</ul>
<button>点击查看效果</button>
</body>
</html>
以上代码可以将li元素中id属性值以s开头的li元素的文本颜色设置为蓝色。
实例二:
复制代码 代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://www.jb51.net/" />
<title></title>
<script type="text/javascript" src="/UploadFiles/2021-04-02/jquery-1.8.3.js">
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("li[id^=[s]").css("color","blue");
});
});
</script>
</head>
<body>
<ul>
<li id="first">html专区</li>
<li id="[second" title="jquery">Jquery专区</li>
</ul>
<ul>
<li id="third">欢迎来到</li>
<li>欢迎您</li>
</ul>
<button>点击查看效果</button>
</body>
</html>
从以上代码可以看出如何代码中含有"["或者"]"的时候，必须要带有引号，否则会造成匹配错误。
希望本文所述对大家的jQuery程序设计有所帮助。
更新日志
- 2024雷蛇高校挑战赛 嘤式分解助力收官之战
- 海信发布110吋世俱杯官方定制AI电视 引领智能观赛
- 海信发布27英寸显示器大圣G5 Pro：采用自研超解析芯片、友达原厂模组
- 蔡琴《机遇》1：1母盘直刻日本头版[WAV分轨][1.1G]
- 陈百强《与你几分钟的约会》XRCD+SHMCD限量编号版[低速原抓WAV+CUE][994M]
- 陈洁丽《监听王NO.1 》示范级发烧天碟[WAV+分轨][1.1G]
- 单色凌.2014-小岁月太着急【海蝶】【WAV+CUE】
- 陈淑桦.1988-抱紧我HOLD.ME.NOW【EMI百代】【WAV+CUE】
- 黄妃.2020-色違【米乐士娱乐】【FLAC分轨】
- LouisHayes-ArtformRevisited(2024)[24Bit-96kHz]FLAC
- 永恒英文金曲精选5《TheBestOfEverlastingFavouritesVol.5》[WAV+CUE]
- 黑鸭子2005-紫丁香[首版][WAV+CUE]
- 林忆莲《爱上一个不回家的人》XRCD版[低速原抓WAV+CUE][999M]
- 经典《历届奥斯卡金曲回顾》[正版原抓WAV+CUE] [1G]
- 群星《试音草原·女声篇》经典蒙古民歌[WAV+CUE][1G]