<style>
.bg {
background: red;
}
</style>
</head>
<body>
<ul>
<li>我是新入职的高级程序员0
<h1>1</h1>
<h2>2</h2>
<h3>3</h3>
<h4>4</h4>
<h5>5</h5>
<h6>6</h6>
</li>
<li>我是新入职的高级程序员1</li>
<li class="a">我是新入职的高级程序员2</li>
<li>我是新入职的高级程序员3</li>
<li>我是新入职的高级程序员4</li>
</ul>
<script src="./jquery-1.12.4.js"></script>
<script>
/* 选取第一个元素 */
// $('ul li:first').addClass('bg');
// /* 选取最后一个元素 */
// $('ul li:last').addClass('bg');
// /* 选取去除所有与给定选择器匹配的元素 */
// $('ul li:not(.a)').addClass('bg');
// /* 选取索引是偶数的所有元素（index从0开始） */
// $('ul li:even').addClass('bg');
// /* 选取索引是奇数的所有元素（index从0开始） */
// $('ul li:odd').addClass('bg');
// /* 选取索引等于index的元素（index从0开始） */
// $('ul li:eq(1)').addClass('bg');
// /* 选取索引大于index的元素（index从0开始）(不包括当前的索引的) */
// $('ul li:gt(1)').addClass('bg');
// /* 选取索引小于index的元素（index从0开始）(不包括当前的索引的) */
// $('ul li:lt(3)').addClass('bg');
/* 选取所有标题元素，如h1~h6 */
$(':header').addClass('bg');
</script>
</body>
网友评论