博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery基础 - 筛选器
阅读量:6885 次
发布时间:2019-06-27

本文共 1375 字,大约阅读时间需要 4 分钟。

hot3.png

过滤筛选器

用法 释义
$("div").css 选中所有div类标签
$("div:first") 或 $("div").first() 筛选出第一个
$("div:last") 或 $("div").last() 筛选出最后一个
$("div:eq(1)") 或 $("div").eq(1) 筛选出指定位置标签
$("div:lt(2)") 筛选出指定位置前的所有标签
$("div:gt(1)") 筛选出指定位置后的所有标签
$("div:even()") 筛选掉偶数行,剩下奇数行标签
$("div:odd()") /筛选掉奇数行,剩下偶数行标签生效
		
第一个div标签
第二个div标签
第三个div标签
第四个div标签

查找筛选器

用法 释义
$("div").children(".test") 指定子级标签
$("div").find(."test") 搜索所有下级标签
$(".test").next() 指定同级下一个标签
$(".test").netxAll() 指定同级以后所有标签
$(".test").nextUntil() 指定同级以后所有至结束点的标签
$("div").prev() 指定同级上一个标签
$("div").prevAll() 指定同级以前所有标签
$("div").prevUntil() 指定同级以前所有至结束点的标签
$(".test").parent() 指定父级标签
$(".test").parents() 指定父级以上所有标签
$(".test").parentUntil() 指定父级以上所有至结束点的标签
$("div").siblings() 指定选中标签元素意外的所有标签

搜索查找-子级标签

		
同级上一个div标签
【一级】 span 标签 【二级】 span 标签 【二级】 a 标签
【一级】 a 标签
同级下一个div标签

指定选取父级标签

		
一级 div 标签
二级 div 标签
    ul 标签
  • li 标签

指定同级以后标签

		
  • 111
  • 222
  • 333
  • 444
  • 555
  • 666

指定同级以前标签

		
  • fff
  • eee
  • ddd
  • ccc
  • bbb
  • aaa

指定标签外元素

		
  • 111
  • 222
  • 333
  • 444
  • 555

转载于:https://my.oschina.net/zhaojunhui/blog/1862412

你可能感兴趣的文章
linux配置网卡
查看>>
正则表达式语法
查看>>
013、Dockerfile构建镜像(2019-01-02 周三)
查看>>
Office Word 2013发布带数学公式的博客
查看>>
c# mvc如何获取xml文件
查看>>
mongodb Java(八)
查看>>
JavaScript随机数
查看>>
ASP.NET验证控件——RequiredFieldValidator
查看>>
strstr
查看>>
MySQL 条件 select case 的实现(解决 零 做分母的问题 )
查看>>
openNebula rgister img instance vms error collections
查看>>
error Infos
查看>>
PL/sql配置相关
查看>>
接着浅析table-cell的简单应用
查看>>
Project 10:简单图像的绘制
查看>>
(第五条)避免创建不必要的对象
查看>>
MongoDB的快速手动安装
查看>>
面试常见问题(转载)
查看>>
洛谷P3306 随机数生成器
查看>>
《平凡的世界》中田晓霞和孙少平的爱情
查看>>