jquery 属性选择器(匹配具有指定属性的元素)

2020-05-27 18:10:57易采站长站整理

</style>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript">
/*
[attribute] :匹配具有指定属性的元素
[attribute=value] :匹配属性为指定值的元素
[attribute!=value] :匹配属性值不等于指定值的元素
[attribute^=value] :匹配属性值以指定值开始的元素
[attribute$=value] :匹配属性值以指定值结束的元素
[attribute*=value] :匹配属性值中包含指定值的元素
[selector1][selector2][selectorN] :同时指定多个匹配条件
*/
window.onload=function(){
$(‘#btnOk‘).click(function(){
//匹配具有color属性的font并把内容改为jquery
$(‘font[color]‘).html(‘jquery‘);
});
};
</script>
</head>
<body>
<font>字体1</font>
<hr />
<font color="#336699">字体2</font>
<hr />
<font color="#667788">字体3</font>
<hr />
<font color="#338899">字体4</font>
<hr />
<font color="#FFAA99">字体5</font>
<hr />
<hr/>
<input type="button" id=‘btnOk‘ value=‘确定‘ />
</body>
</html>

以上就是对jquery 属性选择器的资料整理,后续继续补充相关资料,谢谢大家对本站的支持!