<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function(){//可以简写$(function(){}) 表示页面加载时 执行的动作,刚刚看不见是页面没加载完 已经执行了这里的代码,而下面的代码没加载所以没生效
$(".box p:first").css("color","#0CC");//比配p标签第一个元素
$(".box p:last").css("color","#F6F");//比配p标签最后一个元素
$(".box span:not(selector)").css("color","#930");
$(".box p:eq(3)").css("border","2px solid #930");//比配下标元素值
$(".box p:gt(6)").css("border","2px solid red");//比配大于下标的值
$(".box p:lt(3)").css("border","2px solid #000");//比配小于下标的值
$(".box p:even").css("font-size","36px");//匹配偶数元素 $(".box p:even")匹配奇数元素
});
</script>
<body>
jq基本筛选和内容筛选选择器
最新推荐文章于 2023-06-15 13:33:23 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)