使用基本

用前要先导入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，选中的

jquery-选择器-筛选器相关推荐

jQuery查找标签--选择器,筛选器,模态对话框, 左侧菜单栏
查找标签选择器: 基本选择器(同css) id选择器 $("#id")标签选择器 $('tagName')class选择器 $(".className")配合 ...
jQuery 的常用选择器，筛选器
jQuery jQuery 的简介插件 :一个功能高度分装类库 :工具库,提供操作工具,不提供具体功能 jQuery 是一个工具集合框架 : 项目每一个组件都会提供出来.我们只需要引入框架语法, ...
jQuery对象，jQuery查找标签，层级选择器，属性选择器，表单筛选器，操作节点标签事件...
目录 jQuery jQuery介绍 jQuery的优势 jQuery版本 jQuery内容: jQuery对象 jQuery基础语法查找标签基本选择器层级选择器: 基本筛选器: 属性选择器表 ...
jQuery 选择器和筛选器
1. jQuery 1. 选择器 $("") 1. 基本选择器 1. ID --> $("#d1") 2. 标签名 --> $("p&qu ...
jquery 选择器、筛选器、事件绑定与事件委派
一.jQuery简介 1.可用的jQuery服务器网站:https://www.bootcdn.cn/ jQuery是一个快速的,简洁的javaScript库,使用户能更方便地处理HTMLdocume ...
jQuery的常见选择器和筛选器
关于jQuery是前端方法库特点: 1 优质的选择器和筛选方法 2 好用的饮食迭代 3 强大的链式编程 jQuery向外暴露两个变量:jQuery和$ (jQuery === $) 选择器 // j ...
JQuery 基础（1）—— 基本介绍、选择器、筛选器（选择器的一种）
一.JQuery的基本概念 1.JQuery是什么? jquery是一款javaScript库,能更方便地处理HTML.事件.动画等,可以兼容多浏览器 2.如何选择版本? JQuery有三个大版本: ...
jQuery初识之选择器、样式操作和筛选器(模态框和菜单示例)
一.jQuery 1.介绍 jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架). jQuery设计的 ...
jQuery的筛选选择器
基本筛选选择器很多时候我们不能直接通过基本选择器与层级选择器找到我们想要的元素,为此jQuery提供了一系列的筛选选择器用来更快捷的找到所需的DOM元素.筛选选择器很多都不是CSS的规范,而是jQu ...
jQuery——子元素筛选器
子元素筛选器名称 :first-child JQ语法 jQuery( "selector:first-child" ) 说明 :first-child选择器用于匹配作为父元素的第 ...

jquery-选择器-筛选器