jQuery对象的过滤方法

爱被打了一巴掌 2022-12-02 10:49 167阅读 0赞

first():获得第一个元素  
last():获得1最后一个元素  
eq():获取指定元素  
filter():过滤  
has():获取包含某标签的元素  
用法示例：想看哪个就把注释去掉

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title>过滤</title>
    	</head>
    	<script type="text/javascript" src="../js/jquery-3.1.1/jquery-3.1.1.min.js" ></script>
    	<script type="text/javascript">
    		$(function(){
    			var $lis = $("ul>li");
    			//ul下li标签第一个 first()
    //			$($lis).first().css('background-color',"red");
    			//ul下li标签的最后一个 last()
    //			$($lis).last().css('background-color',"red");
    			//ul下li标签的第二个 eq
    //			$($lis).eq(1).css('background-color',"red");
    			//ul下li标签中title属性为hello的 filter()
    //			$($lis).filter("[title=hello]").css('background-color',"red");
    			//ul下li标签中title属性不为hello的
    //			$($lis).filter("[title!=hello]").filter("[title]").css('background-color',"red");
    			//ul下li标签中的所有span子标签 has()
    			$($lis).has("span").css('background-color',"red");
    		});
    	</script>
    	<body>
    		<ul>
    			<li>AAAAA</li>
    			<li title="hello" class="box2">BBBBB</li>
    			<li class="box">CCCCC</li>
    			<li title="hello">DDDDD</li>
    			<li title="two"><span>BBBBB</span></li>
    		</ul>
    		<li>eeeee</li>
    		<li>EEEEE</li>
    	</body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，167人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery学习----表单对象属性过滤选择器

jQuery学习----表单对象属性过滤选择器 html: <!DOCTYPE html> <html lang="en">

末蓝、/ 2024年03月22日 11:23/ 0 赞/ 61 阅读

相关 jQuery过滤选择器

一、过滤选择器的使用 <!DOCTYPE html> <html> <head> <meta charset="utf-8">

野性酷女/ 2023年10月10日 20:45/ 0 赞/ 78 阅读

相关 jquery选择器：过滤jquery的方法；除了这个，不是这个；

1. 选择器非 <table> <tbody> <tr> <td><strong>$("a[target!='_blank']")</strong></t

喜欢ヅ旅行/ 2023年06月24日 14:26/ 0 赞/ 22 阅读

相关 jQuery对象的过滤方法

first():获得第一个元素 last():获得1最后一个元素 eq():获取指定元素 filter():过滤 has():获取包含某标签的元素用法示例

爱被打了一巴掌/ 2022年12月02日 10:49/ 0 赞/ 168 阅读

相关 jquery列表的过滤示例

jquery列表的过滤示例代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//

浅浅的花香味﹌/ 2022年08月27日 14:56/ 0 赞/ 178 阅读

相关 jquery过滤选择器

过滤选择器学习要点： 1.基本过滤器 2.内容过滤器 3.可见性过滤器 4.子元素过滤器 5.其他方法过滤选择器简称：过滤器。它其实也是一种选择器

Dear 丶/ 2022年06月09日 00:44/ 0 赞/ 314 阅读

相关 jQuery对象常用的方法

1.css $('p').css('键','值') 或者$('p').cass(\{'键':'值','键':'值'\}); $('p').text('aaaaaaa'

梦里梦外;/ 2022年06月03日 05:38/ 0 赞/ 298 阅读

相关 jQuery过滤选择器:not()方法介绍

jQuery(':not(selector)') 在jQuery的早期版本中,:not()筛选器只支持简单的选择器,说明我们传入到:not这个filter中的select

蔚落/ 2022年04月14日 06:45/ 0 赞/ 227 阅读

相关 jQuery遍历——过滤

任务描述本关任务：jQuery 遍历 DOM 元素的过滤方法。效果如下： ![206792][] 相关知识为了完成本关任务，你需要掌握：1.`first()`，2.

ゝ一纸荒年。/ 2022年04月05日 14:08/ 0 赞/ 266 阅读

相关 jQuery对象包含的方法和工具方法

jQuery对象包含的一些方法： .read(); 事件，明一个函数，当DOM完全加载完之后运行该函数 .click(); 事件，为匹配元素设置click事件处理程...

朱雀/ 2021年02月05日 02:15/ 0 赞/ 774 阅读