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、表单对象过滤选择器(是否禁用,单选复选、下拉列表)

这个分类和书上的不一样。不必背概念,知道怎么用就好。



总结完,洗洗睡。有问题,来评论里。

时间: 2024-10-19 05:06:01

jQuery知识点总结(第三天)的相关文章

jquery知识点梳理

jQuery知识点梳理 一.              jquery选择器 基本选择器 ID选择器 类选择器 标记选择器 分组选择器 通配符选择器 层次选择器 $(“ancestor descendent”):祖先后代选择器    空格 $(“parent > child”):父子选择器   大于 $(“prev + next”):相邻后兄弟元素选择器   加号 $(“prev ~ siblings”):所有后兄弟元素选择器  波浪线 过滤选择器:基本过滤选择器 :first.:last.:od

Jquery中each的三种遍历方法

Jquery中each的三种遍历方法 $.post("urladdr", { "data" : "data" }, function(data) { $.each(data, function(n,value) { });}); 1.选择器+遍历 $('div').each(function (i){ i就是索引值 this 表示获取遍历每一个dom对象 }); 2.选择器+遍历 $('div').each(function (index,dom

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

js+jquery+html实现在三种不通的情况下,点击图片放大的效果. 三种情况分别是:图片的父元素宽高固定;  图片的宽高固定;  图片的父元素宽固定,高度不固定 第一种情况:图片的父元素宽高固定: 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <title>Title</title> 7

Jquery学习之路(三) 实现弹出层插件

弹出层的应用还是比较多的,登陆,一些同页面的操作,别人的总归是别人的,自己的才是自己的,所以一直以来想写个弹出层插件.不多废话,直接开始吧! 不想看可以在这里直接下载源码xsPop.zip 1:遮罩层 要弹出层,先要用一个遮罩层挡在下面的页面,此遮罩层是全屏的,页面滚动也要有,所以设置 position: fixed;还要有透明效果,下面是我定义的遮罩层css,取名mask .mask { position: fixed; width: 100%; height: 100%; backgroun

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

原文:http://www.cnblogs.com/datoubaba/archive/2012/06/06/2538873.html jquery.validate+jquery.form提交的三种方式 概述:本篇主要讨论jquery.validate结合jquery.form实现对表单的验证和提交方案. 方式一:是通过jquery.validate的submitHandler选项,即当表单通过验证时运行回调函数.在这个回调函数中通过jquery.form来提交表单: 方式二:是通过jquer

Jquery的学习(三)选择器

1.Jquery中最重要的就是选择器了. 学习要点: 1.简单选择器 2.进阶选择器 3.高级选择器 ①简单选择器. 最简单的也就是最常用的,最常用的一般也是最简单的. 在使用 jQuery 选择器时,我们首先必须使用"$()"函数来包装我们的 CSS 规则.而CSS 规则作为参数传递到 jQuery 对象内部后,再返回包含页面中对应元素的 jQuery 对象.随后,我们就可以对这个获取到的 DOM 节点进行行为操作了. #box { //使用 ID 选择器的 CSS 规则 color

jQuery中提供的三个函数:map,each,trim

jQuery中提供的三个函数: map,each,trim $.map(arry,callback(element,index)); 对于数组array中的每个元素,调用callback()函数,最终返回一个新的数组.原数组不变. 源码 // arg is for internal usage only map: function( elems, callback, arg ) { var length, value, i = 0, ret = []; // Go through the arr

2014年计算机软考《网络管理》知识点-【第三章】

51CTO学院,在软考备考季特别整理了"2014年计算机软考<网络管理>知识点",帮助各位学院顺利过关!更多软件水平考试辅导及试题,请关注51CTO学院-软考分类吧! 查看汇总:2014年计算机软考<网络管理>知识点汇总  第三章 局域网基本特性 (1) 决定局域网特性的主要三种技术: a. 用来传输数据的传输介质 b. 用来连接各种设备的拓补结构 c. 用以共享资源的介质访问控制方法 这三种技术在很大程度上决定了传输数据的类型.网络的响应.吞吐量和效率,以及网

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

好了,这次咱一改往日的作风,就不多说废话了,哈哈.先贴上源代码地址,点击获取.然后直接进入主题啦,当然,如果你觉得我有哪里写的不对或者欠妥的地方,欢迎留言指出.在附上一些代码之前,我们还是先来了解下,上传文件的时候需要利用的一些必要的知识. 首先我们要说的就是FileReader对象,这是一个HTML5提出的,专门用来异步的读取用户计算机上文件的对象,这里有详细的介绍.所以如果我们想要使用它,那么首先我们得先创建一个FileReader对象. var fr = new FileReader()