博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery之选择器
阅读量:6161 次
发布时间:2019-06-21

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

jquery:

使用jquery时返回的是jquery对象,jquery只能使用jquery提供的方法

使用jQuery要先使用一个单独的script标签引入一个jquery。再创建一个script标签用来写事件

jquery中的选择器基本上和css上的选择器差不多(不过jquery的选择器是写在单引号或者双引号里边的)

选择器:

  • id选择器:#id

    使用方法:$("#id")

  • class选择器:.class

    使用方法:$(".class")

  • 通配选择器:* 匹配到所有的HTML元素

    使用方法:$(*)

  • element直接选择到HTML元素

    使用方法:$("HTML元素")

筛选选择器:(相较于选择器来说筛选选择器能选择的更具体)

  • :first 想要选择到那个元素的第一个

    例如:li:first选择到li元素的第一个

    使用方法:$("HTML元素:first")

  • :odd 匹配所有索引值为奇数的元素,从0开始

    使用方法:$("HTML元素:odd")

  • :not() 选择到所有选择到到的HTML元素然后把class为not括号里的参数d的剔除掉

    使用方法:$("HTML元素:not('参数')")

  • :even 匹配所有索引值为偶数的元素从0开始计数

    使用方法:$("HTML元素:even")

  • :eq(元素的索引) 匹配给定索引值的元素

    使用方法:$("HTML元素:eq(元素的索引)")

  • :gt(元素的索引)匹配所有大于给定索引值的元素,不包括给定索引值的元素

    使用方法:$("HTML元素:gt(元素的索引)")

  • :last 想要选择那个元素的最后一个

    使用方法:$("HTML元素:last")

  • :header 匹配所有的标题元素

    使用方法:$("HTML元素:header")

内容选择器:

  • :contains(text) 匹配包含某个文本的元素

    使用方法:$("HTML元素:contains('包含某个文本的文档')")

  • :empty 匹配不包含子元素和文本的元素

    使用方法:$("HTML元素:empty")

  • :parent 匹配包含文本的子元素和父元素

    使用方法:$("HTML元素:parent")

可见性选择器:

  • :hidden 匹配所有不可见元素或者type为hidden的元素

    使用方法:$("HTML元素:hidden")

  • :visible 匹配所有的可见元素

    使用方法:$("HTML元素:visible")

属性选择器:[]

匹配所有给定属性的元素

使用方法:$("[属性]")

转载于:https://juejin.im/post/5d059ee9e51d4510835e0295

你可能感兴趣的文章
实验7 BindService模拟通信
查看>>
scanf
查看>>
Socket编程注意接收缓冲区大小
查看>>
SpringMVC初写(五)拦截器
查看>>
检测oracle数据库坏块的方法
查看>>
SQL server 安装教程
查看>>
Linux下ftp和ssh详解
查看>>
跨站脚本功攻击,xss,一个简单的例子让你知道什么是xss攻击
查看>>
js时间和时间戳之间如何转换(汇总)
查看>>
js插件---图片懒加载echo.js结合 Amaze UI ScrollSpy 使用
查看>>
java中string和int的相互转换
查看>>
P1666 前缀单词
查看>>
HTML.2文本
查看>>
Ubuntu unity安装Indicator-Multiload
查看>>
解决Eclipse中新建jsp文件ISO8859-1 编码问题
查看>>
7.对象创建型模式-总结
查看>>
【论文阅读】Classification of breast cancer histology images using transfer learning
查看>>
移动端处理图片懒加载
查看>>
jQuery.on() 函数详解
查看>>
谈缓存和Redis
查看>>