<div>这是没类名的div标签</div>
<script type="text/javascript">
$(function(){
$("div[class]").css("color","red");
});
</script>
结果：
这是有类名的div标签
这是没类名的div标签
31. [attribute=value] : 匹配给定的属性是某个特定值的元素
<div class="myDiv">这是第一个div标签</div>
<div class="not">这是第二个div标签</div>
<script type="text/javascript">
$(function(){
$("div[class='myDiv']").css("color","red");
});
</script>
结果：
这是第一个div标签
这是第二个div标签
32. [attribute!=value] : 匹配所有不含有指定的属性，或者属性不等于特定值的元素
<div class="myDiv">这是第一个div标签</div>
<div class="not">这是第二个div标签</div>
<script type="text/javascript">
$(function(){
$("div[class!='myDiv']").css("color","red");
});
</script>
结果：
这是第一个div标签
这是第二个div标签
33. [attribute^=value] : 匹配给定的属性是以某些值开始的元素
<div class="myDiv">这是第一个div标签</div>
<div class="not">这是第二个div标签</div>
<div class="myBaby">这是第三个div标签</div>
<script type="text/javascript">
$(function(){
$("div[class^='my']").css("color","red");
});
</script>
结果：
这是第一个div标签
这是第二个div标签
这是第三个div标签
34. [attribute$=value] : 匹配给定的属性是以某些值结尾的元素
<div class="myDiv">这是第一个div标签</div>
<div class="not">这是第二个div标签</div>
<div class="yourDiv">这是第三个div标签</div>
<script type="text/javascript">
$(function(){
$("div[class$='Div']").css("color","red");
});
</script>
结果：
这是第一个div标签
这是第二个div标签
这是第三个div标签
35. [attribute*=value] : 匹配给定的属性是以包含某些值的元素
<div class="myDivOne">这是第一个div标签</div>
<div class="not">这是第二个div标签</div>
<div class="myDivTwo">这是第三个div标签</div>
<script type="text/javascript">
$(function(){
$("div[class*='Div']").css("color","red");
});
</script>
