jq基本筛选和内容筛选选择器

最新推荐文章于 2023-06-15 13:33:23 发布

♕时光以北暮南城

最新推荐文章于 2023-06-15 13:33:23 发布

阅读量188

点赞数

分类专栏：前端文章标签： jquery

本文链接：https://blog.csdn.net/qq_43742368/article/details/106316858

版权

本文详细介绍了jQuery中的基本筛选和内容筛选选择器，包括如何使用它们来选取特定DOM元素，提升网页交互效率。内容涵盖：`:first`, `:last`, `:even`, `:odd`, `:contains`, `:empty`等选择器的应用实例。" 7455471,715064,MFC分隔窗口实现与数据交换详解,"['MFC框架', 'Windows编程', 'C++', '视图']

摘要由CSDN通过智能技术生成

<!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>

最低0.47元/天解锁文章

♕时光以北暮南城

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jq基本筛选和内容筛选选择器

<!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(){}) 表
复制链接

扫一扫