jquery-选择器-筛选器

最新推荐文章于 2021-06-03 02:38:56 发布
最新推荐文章于 2021-06-03 02:38:56 发布
阅读量457 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ifubing/article/details/99528355
版权

使用基本

用前要先导入js文件

  • 使用本地文件方式导入

在这里插入图片描述

  • 使用在线的文件，用时需联网

1.官网jquery压缩版引用地址:

3.1.1版本:

3.0.0版本:

2.1.4版本:

2.百度压缩版引用地址:

3.微软压缩版引用地址:

选择器

使用格式

$（选择器str）

jquery(选择器)
  • id选择器

在这里插入图片描述

得到的结果，是类似于数组的东西

数据中保存着所有符合条件的内容（虽然是利用ID来找）

如果要获取其中具体的某一个标签对象

利用： 数组【索引】

可以获得

  • 类选择器

在这里插入图片描述

  • 标签选择器

在这里插入图片描述

  • 简单的小结

jquery 选择器的用法，关键在于括号内的内容

括号内部， css怎样定位标签，我们就怎么写，就OK了

注意，jquery 的标签选择器的返回结果是一个数组

数组中包裹着各个符合条件的标签对象

（哪怕是通过id精准定位到的内容，得到的也是一个数组对象）

回忆，javascript中通过id找到的标签，就是精准的标签对象了

  • 更多的练习

查找装备了c2类的a标签

在这里插入图片描述

练习：
在这里插入图片描述

注意

“a.c2”

与

“a .c2”

的区别

》找到所有的标签

在这里插入图片描述
》组合并集选择器
在这里插入图片描述

》标签选择
在这里插入图片描述

》类选择

在这里插入图片描述

》并集选择

在这里插入图片描述

  • 层级选择

在这里插入图片描述

》儿子选择

在这里插入图片描述

  • 毗邻选择

在这里插入图片描述

选择器小结

用法与css 选择器一模一样

格式

$(css选择器）

筛选器

  • 找第一个，找最后一个

选择器中

： first，找第一个

： last， 找最后一个

在这里插入图片描述

：eq（下标），在组中找到下标值对应的对象，得到的仍然是jquery对象

在这里插入图片描述

  • 拿偶数数据 even
    在这里插入图片描述

》所有中的奇数元素

:odd（）

》大于索引的

：gt（索引）

在这里插入图片描述

》小于

：lt（索引）

在这里插入图片描述

》not，移除不满足条件的

例子，前端
在这里插入图片描述
先找到p标签，取p标签中class不为.c2的标签

在这里插入图片描述

》has。含有

前端

在这里插入图片描述
要找含有a标签的div标签

在这里插入图片描述

属性选择器

操作步骤

写一些多选框

利用属性选择器来找到他们，利用name

【属性名 = 属性值】

input选择的简写

$(“input[type=‘text’]”)

等同于

$(":text")

等同于

$(“input:text”)
在这里插入图片描述

演练，三种写法

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

同理，其它的input类型也可以套用上面的写法

:text

:password

:file

:checkbox

:submit

:reset

:button

根据表单对象的属性来选

: enabled，没被禁用的

:disabled， 被禁用的

:checked，选中的

:selected，选中的

鲸鱼编程pyhui
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
jQuery筛选器
qq_57731353的博客
02-16 1052
jQuery筛选器
jQuery基本筛选器
weixin_45747278的博客
10-20 223
3：jQuery基本筛选器 3.1:first：获取第一个元素 用法： <ul> <li>list item 1</li> <li>list item 2</li> <li>list item 3</li> <li>list item 4</li> ...
jquery学习笔记（一） 选择器
YxinMiracle's Studio.
09-26 199
jQuery引入 下载链接：[jQuery官网](https://jquery.com/)，首先需要下载这个jQuery的文件，然后在HTML文件中引入这个文件，就可以使用这个文件中帮我们提供的jquery的接口了。 jquery对象和dom对象 jquery找到的标签对象称为 -- jquery对象 原生js找到的标签对象称为 -- dom对象 dom对象只能使用dom对象的方法,不能使用jquery对象的方法 jquery对象也是,它不能使用dom对象的方法 dom对象和jquery对象互相转换:
jquery筛选器
热门推荐
Crazy的专栏
11-05 1万+
在Web应用程序中，大部分的客户端操作都是基于对象的操作，要操作对象就必须先获取对象，jQuery提供了强大的选择器让我们获取对象。我人为地将jQuery选择器分为两大部分：选择对象和筛选条件。选择对象表示要获取什么对象，筛选条件是对获取的对象进行筛选，最终留下符合某些特征的对象。 1.选择对象 1).基本 ·#id 根据给定的ID匹配一个元素。例如：$("#id") ·ele
jQuery内容筛选选择器实例代码
10-20
主要为大家详细介绍了jQuery内容筛选选择器实例代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
jQuery基本筛选选择器实例代码
10-20
在jQuery中，选择器是用于选取DOM元素的重要工具，而基本筛选选择器是jQuery选择器的一种类型，用于从匹配的元素集中进一步细化选择。下面我们将详细探讨jQuery的基本筛选选择器，并通过实例代码来理解它们的工作...
jQuery选择器之属性筛选选择器用法详解
10-19
本文将详细介绍jQuery中的属性筛选选择器，并通过实例代码进行解析。 1. `[att=val]`：这个选择器用于选取具有指定属性`att`且该属性值等于`val`的元素。例如，`$("div[name = p1]")`会选取所有`div`元素中，`name`...
JQuery筛选器全系列介绍
01-19
例如：$(“*”)·selector1,selector2,selectorN 将每一个选择器匹配到的元素合并后一起返回。例如：$(“#id,div,.style1”) 2).表单 ·:button 匹配所有按钮。例如：$(“:button”)·:checkbox 匹配所有复选框。...
JQuery 选择器 xpath 语法应用
10-29
这些XPath表达式在jQuery选择器中的应用，极大地扩展了我们筛选和操作DOM元素的能力。通过结合不同的属性和值，我们可以更灵活地定位到HTML文档中的特定部分，从而实现复杂的动态效果和交互。在实际开发中，熟练掌握...
满足各种需求的地址选择器（jQueryDistpicker）
11-15
各种地址选择器，包含二级联动、三级联动地址。自行选择应用
一天搞定jQuery(五)——使用jQuery完成下拉列表左右选择
07-06
一天搞定jQuery(五)——使用jQuery完成下拉列表左右选择
JQuery三级联动选择省市区插件
10-25
jQuery中国省市区地址三级联动插件Distpicker，欢迎下载
jquery之选择器和筛选器
空谷残声
12-31 1955
jquery之选择器 根据给定的id、class或者tagName匹配一个元素。 使用任何的元字符（如!"#$%&'()*+,./:;?@[\]^`{|}~）作为名称的文本部分， 它必须被两个反斜杠转义：\\ 一、        基本选择 id:$(“#id”); class:$(“.class”); tagName:$(“tagName”); 对于含有特殊字符的名称如：!"#$%&
jQuery 筛选选择器 | 筛选方法
qq_39368007的博客
11-27 527
jQuery 筛选选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
JQuery中的基本筛选选择器
LHJBK的博客
05-30 4149
很多时候我们不能直接通过基本选择器与层级选择器找到我们想要的元素，为此jQuery提供了一系列的筛选选择器用来更快捷的找到所需的DOM元素。筛选选择器很多都不是CSS的规范，而是jQuery自己为了开发者的便利延展出来的选择器 筛选选择器的用法与CSS中的伪元素相似，选择器用冒号“：”开头。我们通过一个列表，来看看基本筛选器的描述注意： eq(), :lt(), :gt(), :even, :odd
jQuery筛选器--内容选择器
前端
01-11 888
内容选择器 筛选规则 内容选择器的过滤规则主要体现在它所包含的子元素或文本内容上 内容选择器   :contains('text') 获取文本内容包括'text'的元素和后代元素中文本内容包括'text'的元素 :empty 匹配所有不包含子元素或者文本的空元素 :has(selector) 匹配所有包含选择器select
jquery-选择器、筛选器、样式操作、文本操作、属性操作、文档处理
全干工程师
01-03 1866
选择器 基本选择器 层级选择器 属性选择器 基本筛选器 样式操作 文本操作 属性操作 文档处理 事件选择器基本选择器$("#id")$(".className")$("tagName")$("#id, .className, tagName")$("div.c1")层级选择器：$("x y"); // x的所有后代y（子子孙孙） $("x > y"); // x的所有儿子y（儿子） $("x +
html三级联动选择地址,中国省市区地址三级联动jQuery插件
weixin_42135073的博客
06-03 420
BasicHTML:Demo:ProvinceCityDistrictCustom placeholdersHTML:Demo:ProvinceCityDistrictCustom districtsHTML:Demo:ProvinceCityDistrictThe districts must be existed in the distpicker.data.js file!Initializ...
jQuery过滤选择器详解与应用
jQuery选择器是其强大之处之一，特别是过滤选择器，它们允许开发者根据特定规则精准地选取DOM元素。过滤选择器以“:”开头，分类包括： 1. **基本过滤**：例如`:first`、`:last`、`:even`、`:odd`，用于选取集合中...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

鲸鱼编程pyhui

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值