jquery学习笔记(一):选择器
内容来自【汇智网】jquery学习课程
1.1 基础选择器
选择器 |
功能 |
返回值 |
#id |
根据给定的id匹配一个元素 |
单个元素 |
element |
根据给定的元素名匹配所有元素 |
元素集合 |
.class |
根据给定的类匹配元素 |
元素集合 |
* |
匹配所有元素 |
元素集合 |
selector1,selectorN |
将每一个选择器匹配到的元素合并后一起返回 |
元素集合 |
1.2 层次选择器
选择器 |
功能 |
返回值 |
ancestor descendant |
根据祖先元素匹配所有的后代元素 |
元素集合 |
parent > child |
根据父元素匹配所有的子元素 |
元素集合 |
prev + next |
匹配所有紧接在prev元素后的相邻元素 |
元素集合 |
prev ~ siblings |
匹配prev元素之后的所有兄弟元素 |
元素集合 |
1.3 简单过滤选择器
选择器 |
功能 |
返回值 |
first()或 :first |
获取第一个元素 |
单个元素 |
parent >last() 或 :last |
获取最后一个元素 |
单个元素 |
:not(selector) |
获取除给定选择器外的所有元素 |
元素集合 |
:even |
获取所有索引值为偶数的元素,索引号从0开始 |
元素集合 |
:odd |
获取所有索引值为奇数的元素,索引号从0开始 |
元素集合 |
:eq(index) |
获取指定索引值得元素,索引号从0开始 |
单个元素 |
:gt(index) |
获取所有大于给定索引值的元素,索引号从0开始 |
元素集合 |
:lt(index) |
获取所有小于给定索引值的元素,索引号从0开始 |
元素集合 |
:header |
获取所有标题类型的元素,如h1、h2...... |
元素集合 |
:animated |
获取正在执行动画效果的元素 |
元素集合 |
1.4 内容过滤选择器
选择器 |
功能 |
返回值 |
:contains(text) |
获取包含给定文本的元素 |
元素集合 |
:empty |
获取所有不包含子元素或者文本的空元素 |
元素集合 |
:has(selector) |
获取含有选择器所匹配的元素的元素 |
元素集合 |
:parent |
获取获取含有子元素或者文本的元素 |
元素集合 |
1.5 可见性过滤选择器
选择器 |
功能 |
返回值 |
:hidden |
获取所有不可见元素,或者type为hidden的元素 |
元素集合 |
:visible |
获取所有的可见元素 |
元素集合 |
1.6 属性过滤选择器
选择器 |
功能 |
返回值 |
[attribute] |
获取包含给定属性的元素 |
元素集合 |
[attribute=value] |
获取等于给定的属性是某个特定值得元素 |
元素集合 |
[attribute!=value] |
获取不等于给定的属性是某个特定值得元素 |
元素集合 |
[attribute^=value] |
获取给定的属性是以某些值开始的元素 |
元素集合 |
[attribute$=value] |
获取给定的属性是以某些值结尾的元素 |
元素集合 |
[attribute*=value] |
获取给定的属性是以包含某些值得元素 |
元素集合 |
[selector1][selector2][selectorN] |
获取满足多个条件的复合属性的元素 |
元素集合 |
1.7 子元素过滤选择器
选择器 |
功能 |
返回值 |
:nth-child(eq|even|odd|index) |
获取每个元素下的特定元素,索引号从1开始 |
元素集合 |
:first-child |
获取每个父元素下的第一个子元素 |
元素集合 |
:last-child |
获取每个父元素下的最后一个子元素 |
元素集合 |
:only-child |
获取每个父元素下的仅有一个子元素 |
元素集合 |
1.8 表单对象属性过滤选择 器
选择器 |
功能 |
返回值 |
:enabled |
获取表单中所有属性为可用的元素 |
元素集合 |
:disabled |
获取表单中所有属性为不可用的元素 |
元素集合 |
:checked |
获取表单中所有被选中的元素 |
元素集合 |
:selected |
获取表单中素有被选中option的元素 |
元素集合 |
1.9 表单选择器
选择器 |
功能 |
返回值 |
:input |
获取所有input、textarea、select |
元素集合 |
:text |
获取表单中所有单行文本框 |
元素集合 |
:password |
获取表单中所有密码框 |
元素集合 |
:radio |
获取表单中所有单选按钮 |
元素集合 |
:checkbox |
获取表单中所有复选框 |
元素集合 |
:submit |
获取表单中所有提交按钮 |
元素集合 |
:image |
获取表单中所有图像域 |
元素集合 |
:reset |
获取表单中所有重置按钮 |
元素集合 |
:button |
获取表单中所有按钮 |
元素集合 |
:file |
获取表单中所有文件域 |
元素集合 |
jquery学习笔记(一):选择器的更多相关文章
- JQuery学习笔记——层级选择器
JQuery学习笔记--层级选择器 上一篇学习了基础的五种选择,分别是id选择器,class选择器,element选择器,*选择器 和 并列选择器.根据手册大纲,这篇学习的是层级选择器. 选择器: 1 ...
- JQuery学习笔记——基础选择器
第一篇博客,现在原生安卓需求不大了.招聘的Android工程师都需要附带更多的其他技术.这也是开启我学习前端之路的开端.前端时间看了HTML.CSS等,在界面渲染这一块,就不多记录博客了.现在学习着J ...
- jQuery学习笔记(2)-选择器的使用
一.选择器是什么 有了jQuery的选择器,我们几乎可以获取页面上任意一个或一组对象 二.Dom对象和jQuery包装集 1.Dom对象 JavaScript中获取Dom对象的方式 <div i ...
- JQuery学习笔记之选择器
JQuery与DOM对象 <div id="test1" class="test2"></div> DOM对象获取方式: var dom ...
- jQuery学习笔记(一)jQuery选择器
目录 jQuery选择器的优点 基本选择器 层次选择器 过滤选择器 表单选择器 第一次写博客,希望自己能够长期坚持,以写博客的方式作为总结与复习. 最近一段时间开始学习jQuery,通过写一个jQue ...
- jQuery 学习笔记
jQuery 学习笔记 一.jQuery概述 宗旨: Write Less, Do More. 基础知识: 1.符号$代替document.getElementById( ...
- jQuery学习笔记(一):入门
jQuery学习笔记(一):入门 一.JQuery是什么 JQuery是什么?始终是萦绕在我心中的一个问题: 借鉴网上同学们的总结,可以从以下几个方面观察. 不使用JQuery时获取DOM文本的操 ...
- jQuery学习笔记 - 基础知识扫盲入门篇
jQuery学习笔记 - 基础知识扫盲入门篇 2013-06-16 18:42 by 全新时代, 11 阅读, 0 评论, 收藏, 编辑 1.为什么要使用jQuery? 提供了强大的功能函数解决浏览器 ...
- jQuery 学习笔记:jQuery 代码结构
jQuery 学习笔记:jQuery 代码结构 这是我学习 jQuery 过程中整理的笔记,这一部分主要包括 jQuery 的代码最外层的结构,写出来整理自己的学习成果,有错误欢迎指出. jQuery ...
- jQuery学习笔记之插件开发(4)
jQuery学习笔记之插件开发(4) github源码地址 插件:了让原有功能的增强. 1.插件的种类(3种):局部.全局.选择器插件 1.1封装对象方法的插件 这种类型的插件是把一些常用或者重复使用 ...
随机推荐
- Pregel 消息传递机制
- 将一个压缩文件分成多个压缩文件;RAR文件分卷
有时候需要上传压缩文件,但是限制了单个文件的大小,那我们怎么才能将一个比较大的压缩文件分割成多个压缩文件,从而符合要求的进行文件的上传呢?这里小编告诉你一个技巧. 工具/原料 电脑 winrar(一般 ...
- dev中 ,usercontrol打印界面内容,打印预览和打印
首先,在对应的文件夹下面添加引用,如下图 如果没有就下载下来包. 预先在本地文件夹下面建立.frx文件,像这样的, 然后在触发事件下面写 //打印预览 private void btn_Preview ...
- easyui 弹出框调用外部js函数 提示“Microsoft JScript 运行时错误: 缺少对象”
昨天遇见一个很诡异的问题 我用easyui做了一个网站,其中有一个a页面和一个b页面,我通过easyui的window功能,在a页面中弹出了一个b页面,在b页面中,我用到了一个外部js的函数c,我在b ...
- Linkedlist 详解
基本介绍 Linkedlist基于链表的动态数组(双向链表): 可以被当作堆栈(后进先出).队列(先进先出)或双端队列进行操作. 数据添加删除效率高,只需要改变指针指向即可,但是访问数据的平均效率低, ...
- 经典单调栈最大子矩形——牛客多校第二场H
题目是求次大子矩形,那么在求最大子矩形的时候维护M1,M2即可 转移M2时比较的过程要注意一下 #include<bits/stdc++.h> using namespace std; # ...
- NX二次开发-UFUN设置环境变量UF_set_variable
NX9+VS2012 #include <uf.h> #include <stdio.h> UF_initialize(); //UFUN方式 //设置环境变量 int a = ...
- NX二次开发-UFUN输入表达式TAG,得到表达式字符串UF_MODL_ask_exp_tag_string
NX9+VS2012 #include <uf.h> #include <uf_modl.h> UF_initialize(); //创建表达式 tag_t NewExpTag ...
- NX文件名与工程图名自动关联
1.先去D:\Program Files\Siemens\NX 9.0\LOCALIZATION\prc\simpl_chinese\startup里,把默认的图框模板替换成自己定制好的模板,如何替换 ...
- 数据结构C++版-树
一.概念 树是节点的有限集合. 二叉树: 二.补充知识点 1.<二叉树编码实战二>课程笔记: 递归的基本概念:程序调用自身的编程技巧称为递归,是函数自己调用自己. 迭代:利用变量的原值推算 ...