分享web开发知识

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

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

jQuery筛选

发布时间:2023-09-06 01:53责任编辑:顾先生关键词:jQuery

筛选:eq()、first()、last()、hasClass()、children()、filter()、has()、not()、next()、nextAll()、nextUntil()、parent()、parents():

eq():获取当前链式操作中第N个jQuery对象,从0开始:
<p> This is just a test.</p> <p> So is this</p>
$("p").eq(1)
<p> So is this</p>

first():获取匹配的第一个元素:
$(‘li‘).first()

last():获取匹配的最后一个元素:
$(‘li‘).last()

hasClass():检查当前的元素是否含有某个特定的类:
$(this).hasClass("classname")

children():查找指定元素中的每个子元素:
$("div").children()

filter():筛选出与指定条件匹配的元素集合:
筛选出类名为UserClick的p元素集合:
$("p").filter(".UserClick")

has():保留包含特定后代的元素,去掉那些不含有指定后代的元素:
<ul>
???<li>list item 1</li>
???<li>list item 2
???????<ul>
???????????<li>list item 2-a</li>
???????????<li>list item 2-b</li>
???????</ul>
???</li>
???<li>list item 4</li>
</ul>

给含有ul的li加上背景色:
$(‘li‘).has(‘ul‘).css(‘background-color‘, ‘red‘);

not():从匹配元素的集合中删除与指定条件匹配的元素:
$("p").not( $("#selected")[0] )

next():找出同辈元素紧邻的后一个元素:
$("p").next()

prev():找出同辈元素紧邻的前一个元素:
$("p").prev()

nextAll():查找当前元素之后所有的同辈元素:
$("div").nextAll()

prevAll():查找当前元素之前所有的同辈元素:
$("div").prevAll()

nextUntil():查找当前元素之后所有的同辈元素,直到遇到匹配的那个元素为止:
$(‘#diva‘).nextUntil(‘#divc‘) //查找#diva与divc之间的所有同辈元素

parent():查找父元素,例子:
$("p").parent()

parents():查找span元素所有是p元素的父元素:
$("span").parents("p")

jQuery筛选

原文地址:https://www.cnblogs.com/miaoxingxiaoQ/p/9020021.html

知识推荐

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