JQUERY1.9学习笔记 之属性选择器(一) 前缀选择器
2014-02-06 10:29
901 查看
描述:选择指定属性值的元素,或者是以字符串开始其后跟随“-”符号的。
jQuery( "[attribute|='value']" )
例:查找出所有语言属性为en的链接。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>attributeContainsPrefix demo</title>
<style>
a{
display:inline-block;
}
</style>
<script src="./js/jquery-1.9.1.min.js"></script>
</head>
<body>
<a href="index.html" hreflang="en">Some text</a>
<a href="index.html" hreflang="en-UK">Some other text</a>
<a href="index.html" hreflang="english">will not be outlined</a>
<script>
$("a[hreflang|='en']").css("border","3px dotted green");
</script>
</body>
</html>
jQuery( "[attribute|='value']" )
例:查找出所有语言属性为en的链接。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>attributeContainsPrefix demo</title>
<style>
a{
display:inline-block;
}
</style>
<script src="./js/jquery-1.9.1.min.js"></script>
</head>
<body>
<a href="index.html" hreflang="en">Some text</a>
<a href="index.html" hreflang="en-UK">Some other text</a>
<a href="index.html" hreflang="english">will not be outlined</a>
<script>
$("a[hreflang|='en']").css("border","3px dotted green");
</script>
</body>
</html>
相关文章推荐
- JQUERY1.9学习笔记 之属性选择器(二) 包含选择器
- JQuery学习笔记-属性选择器
- JavaScript学习笔记8-jQuery属性过滤选择器、子元素过滤选择器深度解析
- JQuery学习笔记之属性选择器
- JQUERY1.9学习笔记 之内容过滤器(三) has选择器
- JQuery学习笔记-属性选择器
- JQUERY1.9学习笔记 之基本过滤器(十一) 奇数选择器
- JQUERY1.9学习笔记 之内容过滤器(二) 空元素选择器
- 前端学习笔记-jquery-8-属性选择器
- jquery1.9学习笔记 之选择器(基本元素五)
- jquery1.9学习笔记 之选择器(基本元素二)
- jquery1.9学习笔记 之选择器(基本元素四)
- CSS学习笔记(六)CSS 属性选择器
- jQuery学习之属性选择
- jQuery学习笔记(一)——选择器
- jquery 学习笔记 ---选择器
- jQuery学习笔记 操作jQuery对象 属性处理
- 【9】jQuery学习——入门jQuery选择器之过滤选择器-属性过滤选择器
- 前端学习笔记-jquery-12-(过滤选择器)过滤器:子元素过滤器
- 锋利的jQuery(第二版)学习笔记之一:选择器