使用Jquery基本过滤选择器

最新推荐文章于 2022-11-03 19:13:49 发布
最新推荐文章于 2022-11-03 19:13:49 发布
阅读量413 收藏
点赞数
分类专栏： JQuery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yecats/article/details/51520044
版权 
<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>使用Jquery基本过滤选择器</title>
  <script src="jquery-1.8.0.js"></script>
 </head>
 <style type="text/css">
	body{
		font-size:12px;
		text-align:center;
	}
	div{
		width:241px;
		height:83px;
		border:solid 1px #f00;
	}
	h1{
		font-size:13px;
	}
	ul{
		list-style-type:none;
		padding:0px;
	}
	.DefClass,.NotClass{
		height:23px;
		width:60px;
		line-height:23px;
		float:left;
		border-top:solid 1px #000;
		border-bottom:solid 1px #000;
	}
	.GetFous{
		width:58px;
		border:solid 1px #666;
		background-color:#eee;
	}

	#spnMove{
		width:238px;
		height:23px;
		line-height:23px; 
	}
 </style>
 
 <script type="text/javascript">
 /*
	$(function(){
		$("li:first").addClass("GetFous");
	});
	$(function(){
		$("li:last").addClass("GetFous");
	});
	$(function(){
		$("li:not(.NotClass)").addClass("GetFous");
	});
	$(function(){
		$("li:even").addClass("GetFous");
	});
	$(function(){
		$("li:odd").addClass("GetFous");
	});
	$(function(){
		$("li:eq(2)").addClass("GetFous");
	});
	$(function(){
		$("li:gt(2)").addClass("GetFous");
	});
	$(function(){
		$("li:lt(4)").addClass("GetFous");
	});
	$(function(){
		$("div h1").css("width","238");
		$(":header").addClass("GetFous");
	});
	*/	
	$(function(){
		animateIt();
		$("#spnMove:animated").addClass("GetFous");
	});
	function animateIt(){	
		$("#spnMove").slideToggle("slow",animateIt);
	}
 </script>
 <body>
	<div>
		<h1>基本过程选择器</h1>
		<ul>
			<li class="DefClass">Item 0</li>
			<li class="DefClass">Item 1</li>
			<li class="NotClass">Item 2</li>
			<li class="DefClass">Item 3</li>
		</ul>
		<span id="spnMove">Span Move</span>
	</div>
 </body>
</html>

yecats
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Jquery过滤性选择器
还没想好
05-08 1292
这里以 为例 1.第一个为li的子元素,最后一个为li的子元素    $("li:first")   $("li:last")  2.第n个子元素（从0开始索引）    $("li:eq(n-1)") 3.获取包含“text”字符串内容的全部元素对象  $( " li:contains ( ' text ' ) " ) 4.获取指定包含某个元素名的全部元素,比如含p元素
jQuery基本的过滤选择器
u013313232的博客
10-14 202
jQuery基本的过滤选择器 ***用法 $(document).ready(function () { //1.选择第一个 div 元素 $("#btn1").click(function () { $("div:first").css("background-color","red"); }); //2.选择最后一个 div 元素 $("#btn2").click(function () { $("div:last").css("background.
jQuery前端开发学习指南(08)——jQuery基本过滤选择器
谷哥的小弟
03-23 300
很多时候，我们需要将匹配到的元素再进行过滤；故，会用到过滤选择器。首先，我们来学习基本过滤选择器。
jQuery核心函数之选择器
yuanmomoya的博客
08-29 292
主要讲通过选择器，去获取文档（网页）中的内容，标签、文本、表单等。说白了就是想法去得到你要 分为四个部分：                 基本选择器：类似于CSS,写CSS的四种方式，通过id、class、选择元素（为一个或者多个标签添加样式）、复合选择，我们可以通过id、class、元素名、复合选择选择器来获取                  层次选择器：把网页看成一个有层次的倒树，...
jQuery基础——使用选择器—2过滤选择器
最新发布
weixin_57575133的博客
11-03 853
过滤选择器主要通过特定的过滤表达式来筛选特殊需求的DOM元素，过滤选择器的语法形式与CSS的伪类选择器的语法格式相同，以冒号作为前缀标识符。根据需求的不同，过滤选择器又可以分为定位过滤器、内容过滤器和可见过滤器。
JQuery中的基本过滤选择器
m0_58986621的博客
06-17 2716
first：获取第一个元素 语法：$(" li:first")选取所有<li>元素中的第一个<li>元素
jQuery选择器之基本过滤选择器用法实例分析
12-02
本文实例讲述了jQuery选择器之基本过滤选择器用法。分享给大家供大家参考，具体如下： 前面一篇介绍了层次选择器，今天我们学习一下jQuery的另一种选择器：基本过滤选择器。过滤选择器可以过滤掉自己不想要的东西，也就是说过滤后留下的都是自己需要的。jQuery过滤选择器就是通过特定的过滤规则来筛选出所需的DOM元素，jQuery过滤选择器的过滤规则与CSS伪类选择器语法是相同的都以冒号（:）开头。按照过滤规则的不同，我们通常把jQuery过滤选择器分为：基本过滤、属性过滤、内容过滤、子元素过滤、表单对象属性过滤、可见性过滤等。今天我们主要学习一下其中的“基本过滤选择器”。 一、:first 选
jQuery基本过滤选择器使用介绍
12-12
简单过滤选择器是过滤选择器中使用最广泛的一种 jQuery选择器详解 根据所获取页面中元素的不同，可以将jQuery选择器分为：基本选择器、层次选择器、过滤选择器、表单选择器四大类。其中，在过滤选择器中有可以分为：...
jQuery基本过滤选择器用法示例
10-21
在给定的示例中，我们看到多个基本过滤选择器的使用，它们分别是`:first`、`:last`、`:not`、`:even`、`:odd`、`:eq`、`:gt`以及`:lt`。下面将详细介绍这些选择器的功能和用法。 1. **`:first`**：这个选择器用于...
jquery基本过滤选择器
10-24
jquery基本过滤选择器举例、代码、html、可直接运行、学习jquery入门篇
jQuery内容过滤选择器用法分析
10-24
主要介绍了jQuery内容过滤选择器用法,实例分析了:contains()、:has()、:empty()、:parent等内容过滤选择器的使用技巧,需要的朋友可以参考下
认识jQuery选择器并应用基本选择器和基本过滤选择器
m0_48221673的博客
08-07 205
选择器的分类： 一、通过css选择器选取元素 1.基本选择器 2.层次选择器 3.属性选择器 二、通过过滤选择器选择元素 1.基本过滤选择器 2.可见性过滤选择器 3.表单对象过滤选择器 4.内容过滤选择器、子元素过滤选择器…… （一）基本选择器 1.标签选择器： （1）语法构成：element （2）描述：根据给定的标签名匹配元素 （3）示例：$(“h2” )选取所有h2元素 2.类选择器： （1）语法构成：.class （2）描述：根据给盯的class匹配元素 （3）示例：$(" .title")选取所
jQuery选择器——基本过滤选择器
xiaouncle的博客
07-30 731
前一章介绍了层次选择器，今天我们学习一下jQuery的另一种选择器：基本过滤选择器。过滤选择器可以过滤掉自己不想要的东西，也就是说过滤后留下的都是自己需要的。
jQuery--过滤选择器（简单过滤选择器、内容过滤选择器）详解
吴声子夜歌的博客
10-01 1450
过滤选择器 基本选择器和层次选择器可以满足大部分页面元素的选取需求。在jQuery中还提供了功能更加强大的过滤选择器，根据特定的过滤规则来筛选出所有需要的页面元素。过滤选择器又分为简单过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器和表单对象属性过滤选择器。 简单过滤选择器 简单过滤选择器是过滤选择器中用得最多的一种，过滤规则主要体现在元素的位置上或一些特定的元素上，...
jQuery的基本过滤选择器
越努力越幸运的博客
06-27 425
jQuery的基本过滤选择器 基本过滤选择器有很多，通过在元素后加冒号：表示，简略介绍如下： ：first 指代第一个（div：first表示第一个div） ：last 指代最后一个（div：last表示最后一个div） ：not（selector） 指代去除所有与给定选择器匹配的元素（input：not（：checked）表示所有未选中的input） ：even 指代所有索引值为偶数的元素，从0开始计数（tr：even表示第0、2、4、6…的tr元素） ：odd 指代所有索引值为奇数的元素，从0开始计数
jQuery：基本过滤选择器
C_755028787的博客
05-17 570
选择指定类型元素的第一个： 例： //选择第一个div元素 $('div:first') 选择指定类型元素的最后一个： 例： //选择最后一个div元素 $('div:last') 在匹配的集合中选择索引值为index的元素 //选择索引值等于3的元素 $(':eq(3)'). 选择索引值为偶数的元素，从 0 开始计数。 例： //选择索引值为偶数 的div元素 $('div:even'). 选择所引值为奇数的元素，从 0 开始计数。
过滤选择器（筛选）
小白学编程
08-18 1145
基本过滤选择器（：） :first 选择第一个元素。$(“div：first”)选择第一个<div> :last 选择最后一个元素。$(“div:last”)选择最后一个<div> :not（选择器）选取不满足（去掉）“选择器”条件的元素， $(“input:not(.myClass)”)选取样式名不是myClass的<input> 4、:even、：o...
带你学习Jquery（四）：过滤选择器
hitxueliang的专栏
08-26 438
过滤选择器主要是通过特定的过滤规则来筛选出所需的DOm元素，过滤规则与CSS中的伪类选择器语法相同，即选择器都以一个冒号(:)开头。按照不同的过滤规则，过滤选择器可以分为基本过滤器、内容过滤器、可见性过滤器、属性过滤器、子元素过滤和表单对象属性过滤选择器。 基本过滤选择器
前端基础 -JQuery之 属性过滤选择器
阿甘兄
03-17 377
JQuery之属性过滤选择器 关键字： [属性] [属性=属性值] 效果图： 代码： &amp;amp;amp;lt;!DOCTYPE html PUBLIC &amp;amp;quot;-//W3C//DTD XHTML 1.0 Transitional//EN&amp;amp;quot; &amp;amp;quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&amp;amp

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值