jQuery知识点总结(第三天)
今天来总结剩余的选择器。
非常感谢评论区提问题的朋友们,有的错误是我笔误,有的问题则是知识点没有辨析解释清楚。只要有疑问,我们大家一同探究学习。
表单对象过滤选择器:
○ 选取所有可用的元素 $("#form :enabled");
○ 选取所有不可用的元素 $("#form :disabled");
○ 选取所有单选框或复选框中被选中的的元素 $("#from :checked");
○ 选取所有下拉列表中被选中的选项元素。 $("#from :selected");
notice:可用与不可用是指该元素能否被编辑修改。下面的是一个form表单。其中A设置了disabled属性,不可以被编辑呈现灰色。b可以被编辑。
表单选择器:
○ 选取表单中所有的input、textarea 、select 、button 元素 $("#form :input");
○ 选取所有的单行文本框 $("#form :text");
○ 选取表单中所有的密码框 $("#form :password");
○ 选取所有的单选框 $("#form :radio");
○ 选取所有的多选框 $("#form :submit");
○ 选取所有的提交按钮 $("#form :submit");
○ 选取所有的图像按钮 $("#form :image");
○ 选取所有的重置按钮 $("#form :reset");
○ 选取所有的按钮 $("#form :button");
○ 选取所有的上传域 $("#form :file");
○ 选取所有的不可见元素 $("#form :hidden");
选择器已经都整理完了。总结一下。
1、基本选择器(选标签,选id,选class)
2、层次选择器(找爷爷找爹爹,找儿子,找兄弟,找孙子)
3、过滤选择器 (过滤大的,过滤小的,过滤偶数,过滤奇数,过滤动画等等)
4、内容过滤选择器(找匹配内容,找空元素)
5、可见性过滤选择器(能不能在页面中显示)
6、属性过滤选择器(属性很任性,全等、开头等,结尾等、空格分隔匹配,下划线拼接匹配。)
7、子元素过滤选择器(选第一个儿子、最后一个儿子,指定儿子、独生儿子)
8、表单选择器(单选、多选、按钮、密码等等)
9、表单对象过滤选择器(是否禁用,单选复选、下拉列表)
这个分类和书上的不一样。不必背概念,知道怎么用就好。
总结完,洗洗睡。有问题,来评论里。
jQuery知识点总结(第三天)的更多相关文章
- Jquery中each的三种遍历方法
Jquery中each的三种遍历方法 $.post("urladdr", { "data" : "data" }, function(dat ...
- jquery.validate+jquery.form提交的三种方式
原文:http://www.cnblogs.com/datoubaba/archive/2012/06/06/2538873.html jquery.validate+jquery.form提交的三种 ...
- js+jquery+html实现在三种不通的情况下,点击图片放大的效果
js+jquery+html实现在三种不通的情况下,点击图片放大的效果. 三种情况分别是:图片的父元素宽高固定; 图片的宽高固定; 图片的父元素宽固定,高度不固定 第一种情况:图片的父元素宽高固定 ...
- Web前端JQuery面试题(三)
Web前端JQuery面试题(三) 1.怎么阻止冒泡过程? stopPropagation(); // 阻止冒泡过程 2.ready()方法和onload()方法的区别? onload()方法要等页面 ...
- jQuery知识点学习整理
零.jQuery中操作css的方法 1.$("p").css("background-color"); 返回首个匹配元素的background-color的值. ...
- [独孤九剑]Oracle知识点梳理(三)导入、导出
本系列链接导航: [独孤九剑]Oracle知识点梳理(一)表空间.用户 [独孤九剑]Oracle知识点梳理(二)数据库的连接 [独孤九剑]Oracle知识点梳理(三)导入.导出 [独孤九剑]Oracl ...
- jQuery 源码解析(三) pushStack方法 详解
该函数用于创建一个新的jQuery对象,然后将一个DOM元素集合加入到jQuery栈中,最后返回该jQuery对象,有三个参数,如下: elems Array类型 将要压入 jQuery 栈的数组元素 ...
- jQuery插件之路(三)——文件上传(支持拖拽上传)
好了,这次咱一改往日的作风,就不多说废话了,哈哈.先贴上源代码地址,点击获取.然后直接进入主题啦,当然,如果你觉得我有哪里写的不对或者欠妥的地方,欢迎留言指出.在附上一些代码之前,我们还是先来了解下, ...
- JQuery知识点总结
一. 1.JavaScript是Netscape公司开发的一种脚本语言(scripting language).JavaScript的出现实现了使得网页和用户之间实时的,动态的和交互的关系,使网页包含 ...
随机推荐
- 用RxJava处理复杂表单验证问题
用RxJava处理复杂表单验证问题 无论是简单的登录页面,还是复杂的订单提交页面,表单的前端验证(比如登录名和密码都符合基本要求才能点亮登录按钮)都是必不可少的步骤.本文展示了如何用RxJava来方便 ...
- Nodejs进阶:基于express+multer的文件上传
关于作者 程序猿小卡,前腾讯IMWEB团队成员,阿里云栖社区专家博主.欢迎加入 Express前端交流群(197339705). 正在填坑:<Nodejs学习笔记> / <Expre ...
- 我做PHP,但是我要批判下整天唱衰.NET的淫
笔者每天都能看到月经贴-".NET已死"!!! 笔者之前一直在CSDN上面写博客,泡论坛,但是有约莫一年来着了发现CSDN上面的博客都没啥更新,CSDN首页推荐的一些文章也没啥新意 ...
- 《深入理解Spark:核心思想与源码分析》(前言及第1章)
自己牺牲了7个月的周末和下班空闲时间,通过研究Spark源码和原理,总结整理的<深入理解Spark:核心思想与源码分析>一书现在已经正式出版上市,目前亚马逊.京东.当当.天猫等网站均有销售 ...
- Java学习笔记(二二)——Java HashMap
[前面的话] 早上起来好瞌睡哈,最近要注意一样作息状态. HashMap好好学习一下. [定义] Hashmap:是一个散列表,它存储的内容是键值对(key——value)映射.允许nul ...
- 关于web前端的学习路线
第一阶段: HTML+CSS:HTML进阶.CSS进阶.div+css布局.HTML+css整站开发. JavaScript基础:Js基础教程.js内置对象常用方法.常见DOM树操作大全.ECMAsc ...
- Shell命令_awk命令
# awk '条件1{动作1} 条件2{动作2}-' 文件名 条件( Pattern): 一般使用关系表达式作为条件 x > 10 判断变量 x是否大于10 x>=10 大于等于 x< ...
- java中的hashSet和Treeset的分析
hashset中的元素 treeset中的元素要实现comparable接口
- poj1655 树的重心 树形dp
树的重心定义为:找到一个点,其所有的子树中最大的子树节点数最少,那么这个点就是这棵树的重心,删去重心后,生成的多棵树尽可能平衡. 处理处每个节点的孩子有几个,和树的大小就好了. #include< ...
- nodejs-helloword案例
确认正确看着了node 本例处理环境win10 创建文件helloword.js.如下图:存放位置 具体内容详细 var http = require('http'); http.createServ ...