JQ筛选器

最新推荐文章于 2023-06-15 13:33:23 发布
最新推荐文章于 2023-06-15 13:33:23 发布
阅读量542 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/circle_list/article/details/79348855
版权
<!DOCTYPE html>
<html lange="en">      <!-- 设置语音 -->
<head>
 <meta charset="UFT-8"> <!-- 设置编码格式 -->
 <title>Title</title>
 <style>
  .head{
   background-color:black;
   color:wheat;
  }
  .content{
   min-height:50px;
  }
  .hide{
   display:none;
  }
 </style>
</head>
<body>
 <div style="height:400px;width:200px;border 1px solid #dddddd">
  <div class="item">
   <div class="head"> ONE </div>
   <div id='i1' class="content hide">BODY</div>
  </div>
  <div class="item">
   <div class="head"> TWO </div>
   <div id='i1' class="content hide">BODY</div>
  </div>
  <div class="item">
   <div class="head"> THree </div>
   <div id='i1' class="content hide">BODY</div>
  </div>
 </div>
 <script src="jquery-1.12.4.js"></script>
 <script>
/*选取标签 增加事件操作 这里的function是匿名函数*/
  $(".head").click(function (){
   $(this).next().removeClass('hide');
   $(this).parent().siblings().find('.content').addClass('hide');
   //$(this).next().removeClass('hide').parent().siblings().find('.content').addClass('hide');
   })
  /* 筛选器：
 $(this).next() 下一个
 $(this).prev() 上一个
 $(this).parent() 父
 $(this).children() 子
 $(this).siblings() 兄弟标签
 $(this).find('.hide') 查找相对属性
 */  
 
 //$(this).addClass() 增加属性
 //$(this).removeClass() 移除属性
 
 </script>

</body>
</html>
Circle_list
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JQUERY选择器--筛选选择器
qq_56248592的博客
10-11 253
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>筛选选择器</title> <script src="jquery-3.6.js"></script> </head> <body> <ol> <li>borther元素1</li>.
jQuery筛选方法（jQuery选择器）
laisy334514的博客
08-23 2381
1.查找父级 $('选择器').parent(); 2.查找最近一级子元素（亲儿子） $('选择器').children('选择器') 3.后代选择器 $('选择器').find('选择器') 4.查找兄弟节点（不包括自己本身） $('选择器').siblings('选择器') 5.查找当前元素之后的所有元素 $('选择器').nextAll() 6.查找当前元素之前的所有元素 $('选择器').prevAll() 7.检查当前的元素是否含有某个特定的类 $...
jQuery之筛选选择器(方法)
最新发布
06-15 865
筛选选择器的功能与过滤选择器有点相似，但是用法不一样，筛选选择器主要是方法 名称 用法 描述 children(selector) $('ul').children('li') 相当于$('ul > li')，子选择器 find(selector) $('ul').find('li') 相当于$('ul li')，后代选择器 siblings(selector) $('#first').siblings('l
jquery筛选器
热门推荐
Crazy的专栏
11-05 1万+
在Web应用程序中，大部分的客户端操作都是基于对象的操作，要操作对象就必须先获取对象，jQuery提供了强大的选择器让我们获取对象。我人为地将jQuery选择器分为两大部分：选择对象和筛选条件。选择对象表示要获取什么对象，筛选条件是对获取的对象进行筛选，最终留下符合某些特征的对象。 1.选择对象 1).基本 ·#id 根据给定的ID匹配一个元素。例如：$("#id") ·ele
jQuery筛选中方法
weixin_52629158的博客
05-14 298
筛选中方法他们的功能 与 过滤选择器有的类似，用法不一样，筛选中主要是方法。
jQuery 筛选（过滤、查找、串联）
痴心的萝卜的博客
01-16 675
1. 过滤操作 first() last() eq() not() filter() slice() has() demo <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery筛选操作</title> <s...
JQ ztree树形菜单筛选插件
06-24
JQ ztree树形菜单筛选插件是一款基于jQuery制作的多层文件夹树形结构，点击收缩展开文件菜单名，支持关键词搜索筛选菜单功能。
jQuery筛选器children()案例详解(图文)
12-02
jQuery的选择包含两种，一种是选择器，一种是筛选器。筛选器是对选择器选定的jQuery对象做进一步选择。 children()是一个筛选器，顾名思义就是筛选孩子，筛选那些符合条件的孩子。 完整的格式如下： 代码如下:....
文本筛选过滤目标值提取工具浏览器一键设置工具\jre安装配置
03-29
1、实现浏览器一键设置，含演示视频，链接：https://pan.baidu.com/s/1copoT3r9GL0vOj6jQ22ZNA 提取码：yhef 2、指导jre安装配置，含演示视频，链接：https://pan.baidu.com/s/10kQluRYCQdTrqV5_t_DArg 提取码：v1...
jquery选择器之层级过滤选择器详解
12-11
代码如下:$(“ancestor descendant”)：选取parent元素后所有的child元素$(...注:siblings是过滤器后两个用的比较少，一般会有其他选择器替代 代码如下:$(“prev + next”)等价于next()$(“prev ~ siblings”)等价
jQuery 选择器理解
12-12
$的选择器部分: 凡是运用$,其返回值是一个object $选择器主要用于选择标签.基本用法是同css的选择器....上面的$(“标签名”)和$(“.class名”)返回的都是所有满足的节点,至于进一步筛选可以添加一些函数,如
【整理】JQ样式篇——筛选选择器
sinat_30511235的博客
08-19 2929
基本筛选选择器 筛选选择器的用法与CSS中的伪元素相似，选择器用冒号“：”开头，通过一个列表，看看基本筛选器的描述： 注意事项： :eq(), :lt(), :gt(), :even, :odd 用来筛选他们前面的匹配表达式的集合元素，根据之前匹配的元素在进一步筛选，注意jQuery合集都是从0开始索引gt是一个段落筛选，从指定索引的下一个开始，gt(1) 实际从2开始
Jquery-筛选器
weixin_34228617的博客
05-07 96
2019独角兽企业重金招聘Python工程师标准>>> ...
jQuery筛选方法及筛选选择器
DangR_Jisoo的博客
12-05 374
jQuery筛选方法及筛选选择器 筛选选择器 <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> </ul> $(‘li:first’
筛选-文档处理
long_2004的博客
04-21 251
筛选-文档处理1.过滤2.查找3.文档处理 1.过滤 (1).过滤：在jQuery对象数组中，过滤出一部分元素 ： // 1)、首先获取ul中所有的li子元素，即会产生一个li数组uls。然后： // var asd = $("ul>li"); // 2)、first()：获取数组uls中的第一个元素，即第一个li标签. // asd.first().css({"background":"yellow"}); // 3)、last()：获取数组uls中的最后
jquery学习笔记（一） 选择器
YxinMiracle's Studio.
09-26 194
jQuery引入 下载链接：[jQuery官网](https://jquery.com/)，首先需要下载这个jQuery的文件，然后在HTML文件中引入这个文件，就可以使用这个文件中帮我们提供的jquery的接口了。 jquery对象和dom对象 jquery找到的标签对象称为 -- jquery对象 原生js找到的标签对象称为 -- dom对象 dom对象只能使用dom对象的方法,不能使用jquery对象的方法 jquery对象也是,它不能使用dom对象的方法 dom对象和jquery对象互相转换:
jQuery的筛选器
weixin_49757069的博客
10-24 424
jQuery的筛选器 + 用在jQuery选择的元素集合的后面 + 都是方法,为了对已经选择出来的元素进行二次筛选 筛选器 1 first() ==>筛选集合里面的第一个元素 2 last() ==>筛选集合里面的最后一个元素 3 eq(n) ==>筛选集合里面的索引是n的那
jQuery筛选器
qq_57731353的博客
02-16 1046
jQuery筛选器
jQuery的选择器，筛选器，class属性、标签占位，节点操作
weixin_49070186的博客
12-20 1724
jQuery的选择器 jQuery获取标签对象的语法形式 选择器的语法形式 $( '条件' ) / jQuery( '条件') 获取 所有符合条件的标签对象 可以直接执行jQuery的函数方法，获取的是伪数组 注意: JavaScript DOM操作获取的是 独立的标签对象 / JavaScript标签对象伪数组 jQuery 获取的 是 jQuery标签对象伪数组...
jq实现html表格内容筛选
06-10
可以使用jq的筛选器来实现html表格内容筛选。以下是一个示例代码： ```html <th>Name <th>Age <th>Country <td>John <td>30 <td>USA <td>Jane <td>25 <td>Canada <td>Bob <td>40 ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值