<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src="../js/jquery-3.2.1.min.js"></script>
<script>
$(function () {
//为包含id属性的p元素设置颜色属性
$("p[id]").css("color", "blue");
//为包含class="222"的p元素设置颜色属性
$("p[class='222']").css("color", "pink");
//为包含id属性且id的属性值以'a'开头的span元素设置颜色
$("span[id^='a']").css("color", "green");
//为包含id属性且id的属性值以'g'结尾的span元素设置颜色
$("span[id$='g']").css("color", "red");
//组合属性包含id='gg'name='11'的span元素设置颜色
$("span[id='gg'][name='11']").css("color", "blue");
//选取属性id里包含'123'的span元素设置颜色
$("span[id*='123']").css("color", "purple");
//属性id!="btn1"里按钮设置颜色
$("input[id!='btn1']").css("color",'green');
})
</script>
</head>
<body>
<p >
</body>
</html>
相关文章：