$(document).ready(function() { $('a[title]').css('text-decoration', 'none'); }); </script>
<ul>
<li><a href="#" title="DOM对象和jQuery对象">DOM对象和jQuery对象</a></li>
<li><a href="#" title="jQuery选择器大全">jQuery选择器大全</a></li>
<li><a href="#" title="jQuery事件大全">jQuery事件大全</a></li>
<li><a href="#" title="基于jQuery的插件开发">基于jQuery的插件开发</a></li>
<li><a href="#" title="Wordpress & jQuery">Wordpress & jQuery</a></li>
<li><a href="#">其他</a></li>
</ul>
——4.2 [attribute = value]和[attribute != value]（取attribute属性值等于value或不等于value的元素）
分别为class="item"和class!=item的a标签指定文字颜色
$(document).ready(function() {
$('a[class=item]').css('color', '#FF99CC');
$('a[class!=item]').css('color', '#FF6600');
});</script>
——4.3 [attribute ^= value], [attribute $= value]和[attribute *= value]（attribute属性值以value开始，以value结束，或包含value值）
在属性选择器中，^$符号和正则表达式的开始结束符号表示的含义是一致的，*模糊匹配，类似于sql中的like '%str%'。
// 识别大小写，输入字符串时可以输入引号，[title^=jQuery]和[title^="jQuery"]是一样的
$('a[title^=jQuery]').css('font-weight', 'bold');
$('a[title$=jQuery]').css('font-size', '24px');
$('a[title*=jQuery]').css('text-decoration', 'line-through');</script>
——4.4 [selector1][selector2]（复合型属性过滤器，同时满足多个条件）
将title以"jQuery"开始，并且class="item"的a标签隐藏，那么<a href="#" title="jQuery事件大全">jQuery事件大全</a>会被隐藏
<script type="text/javascript">$(document).ready(function() {
$('a[title^=jQuery][class=item]').hide();
});
</script>
5. 子元素过滤选择器
——5.1 :first-child和:last-child
:first-child表示第一个子元素，:last-child表示最后一个子元素。
需要大家注意的是，:fisrst和:last返回的都是单个元素，而:first-child和:last-child返回的都是集合元素。举个 例子：div:first返回的是整个DOM文档中第一个div元素，而div:first-child是返回所有div元素下的第一个元素合并后的集 合。
这里有个问题：如果一个元素没有子元素，:first-child和:last-child会返回null吗？请看下面的代码：
<html xmlns="" ><head runat="server">
<title></title>
<script type="text/javascript" src="https://www.jb51.net/js/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var len1 = $('div:first-child').length;
var len2 = $('div:last-child').length;
});
</script>
</head>
<body>
<div>
<div>
<div></div>
</div>
</div>
</body>
</html>