今天来总结剩余的选择器。

非常感谢评论区提问题的朋友们,有的错误是我笔误,有的问题则是知识点没有辨析解释清楚。只要有疑问,我们大家一同探究学习。


表单对象过滤选择器:

          ○ 选取所有可用的元素                         $("#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知识点总结(第三天)的更多相关文章

  1. Jquery中each的三种遍历方法

    Jquery中each的三种遍历方法 $.post("urladdr", { "data" : "data" }, function(dat ...

  2. jquery.validate+jquery.form提交的三种方式

    原文:http://www.cnblogs.com/datoubaba/archive/2012/06/06/2538873.html jquery.validate+jquery.form提交的三种 ...

  3. js+jquery+html实现在三种不通的情况下,点击图片放大的效果

    js+jquery+html实现在三种不通的情况下,点击图片放大的效果. 三种情况分别是:图片的父元素宽高固定;  图片的宽高固定;  图片的父元素宽固定,高度不固定 第一种情况:图片的父元素宽高固定 ...

  4. Web前端JQuery面试题(三)

    Web前端JQuery面试题(三) 1.怎么阻止冒泡过程? stopPropagation(); // 阻止冒泡过程 2.ready()方法和onload()方法的区别? onload()方法要等页面 ...

  5. jQuery知识点学习整理

    零.jQuery中操作css的方法 1.$("p").css("background-color"); 返回首个匹配元素的background-color的值. ...

  6. [独孤九剑]Oracle知识点梳理(三)导入、导出

    本系列链接导航: [独孤九剑]Oracle知识点梳理(一)表空间.用户 [独孤九剑]Oracle知识点梳理(二)数据库的连接 [独孤九剑]Oracle知识点梳理(三)导入.导出 [独孤九剑]Oracl ...

  7. jQuery 源码解析(三) pushStack方法 详解

    该函数用于创建一个新的jQuery对象,然后将一个DOM元素集合加入到jQuery栈中,最后返回该jQuery对象,有三个参数,如下: elems Array类型 将要压入 jQuery 栈的数组元素 ...

  8. jQuery插件之路(三)——文件上传(支持拖拽上传)

    好了,这次咱一改往日的作风,就不多说废话了,哈哈.先贴上源代码地址,点击获取.然后直接进入主题啦,当然,如果你觉得我有哪里写的不对或者欠妥的地方,欢迎留言指出.在附上一些代码之前,我们还是先来了解下, ...

  9. JQuery知识点总结

    一. 1.JavaScript是Netscape公司开发的一种脚本语言(scripting language).JavaScript的出现实现了使得网页和用户之间实时的,动态的和交互的关系,使网页包含 ...

随机推荐

  1. 项目分享二:APP 小红点中数字的处理

    小红点,是 APP 中最常见的一个功能,我们先来看一下面的案例,下图中,待评价的商品有 2 个,点击“评价晒单”按钮进行评价后,那么待评价数量应该变成 1,那么这个功能是如何去实现的呢? 一般来说,实 ...

  2. Bootstrap系列 -- 12. 水平表单

    Bootstrap框架默认的表单是垂直显示风格,但很多时候我们需要的水平表单风格(标签居左,表单控件居右) 在Bootstrap框架中要实现水平表单效果,必须满足以下两个条件: 1.在<form ...

  3. 也来山寨一版Flappy Bird (js版)

    随着Flappy Bird的火爆,各种实现的版也不断出现,于是也手痒简单实现了一版. 其实本来只是想实现一下这只笨鸟的飞翔运动的,后来没忍住,就直接实现一个完整游戏了…… 因为这个游戏本身实现起来就没 ...

  4. Firefox about

    在firefox的地址栏输入about:about,然后看一下各个链接.有的链接有具体的用途,有的链接疯言疯语,并无软用. about:about集中了火狐浏览器的全部用户界面,平时常见的prefer ...

  5. 使用Git时一些问题的处理

    更新日志: 2016.06.04 晚 添加 git push --force (用于删除高版本的commit) 2015.11.29 晚 添加冲突处理工具Meld的教程 添加在GitHub上Rever ...

  6. 标准Web系统的架构分层

    标准Web系统的架构分层 – 转载请注明出处 1.架构体系分层图 在上图中我们描述了Web系统架构中的组成部分.并且给出了每一层常用的技术组件/服务实现.需要注意以下几点: 系统架构是灵活的,根据需求 ...

  7. java学习笔记--java中的基本数组[5]

    java基础很重要, 今天呆家看java视频,顺便总结前几周看的java书籍,做一下简单的总结:1:数组的声明,2:数组的赋值: 3:数组的方法: 声明一个数组主要有两种方式: //类型 []数组名字 ...

  8. CSS截取截取字符长度并显示省略号的方法

    HTML部分 <div> <span>这是一个CSS3截取截取字符的例子.它根据宽度来处理.</span> </div> <div class=& ...

  9. WakeLock, AlarmManager, JobScheduler

    应用程序耗电的实质,是所启用的硬件在消耗电量. 手机的耗电单元 CPU: 应用处理器(AP)和基带处理器(BB或BP) GPU(图形处理单元) 外设:wifi,BT, GPS,LCD等 AP是ARM架 ...

  10. skiing

    package noj_skiing; import java.util.*; import java.math.*; public class Main { public static void m ...