分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

jQuery之过滤元素

发布时间:2023-09-06 02:06责任编辑:沈小雨关键词:jQuery

还是那句话,这些知识一个小小的练习,更多的请看jQuery手册

在jQuery对象中的元素对象数组中过滤出一部分元素来
1. first()
2. last()
3. eq(index|-index)
4. filter(selector)
5. not(selector)
6. has(selector)

需求:
??1. ul下li标签第一个
??2. ul下li标签的最后一个
??3. ul下li标签的第二个
??4. ul下li标签中title属性为hello的
??5. ul下li标签中title属性不为hello的
??6. ul下li标签中有span子标签的

<ul> ?<li>AAAAA</li> ?<li title="hello" class="box2">BBBBB</li> ?<li class="box">CCCCC</li> ?<li title="hello">DDDDDD</li> ?<li title="two"><span>BBBBB</span></li></ul><li>eeeee</li><li>EEEEE</li><br>

具体实现如下:

//获得ul下的所有li ?var $lis = $("ul>li"); ???// 1. ul下li标签第一个 ???//$lis.first().css("background","red"); ???// 2. ul下li标签的最后一个 ???$lis.last().css("background","red"); ???// 3. ul下li标签的第二个 ???$lis.eq(1).css("background","red") ???// 4. ul下li标签中title属性为hello的 ???$lis.filter("[title=‘hello‘]").css("background","red"); ???// 5. ul下li标签中title属性不为hello的 ???$lis.filter(‘[title!=hello]‘).filter(‘[title]‘).css(‘background‘, ‘red‘) ???$lis.not(‘[title=hello]‘).css(‘background‘, ‘red‘) ???// 6. ul下li标签中有span子标签的 ???$lis.has("span").css(‘background‘, ‘red‘);

jQuery之过滤元素

原文地址:https://www.cnblogs.com/caicaihong/p/9390067.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved