小杜同学关于Query的一点知识
小杜同学关于jQuery的一点知识
1.关于jQuery
jQuery就是一个JavaScript的函数库。既然是JS的的函数库,它自然是做JS做的东西了。毕竟jQuery只是用JavaScript编写的函数库而已。它的特点就是写的少却能做得更多。WRITE LESS,DO MORE.
jQuery中最常用的对象是$对象,要想使用jQuery的方法必须通过$对象。只有将普通的Dom对象封装成jQuery对象,然后才能调用jQuery中的各种方法。
2.关于jQuery在的map()函数。
$.map(array,callback(element,index));
它的用法就是对于数组array中的每个元素,调用callback()函数,最终返回一个新的数组。原来的数组不改变。
如下图,是将一个数组中的索引大于3的元素的值翻倍,其余值不变,且返回新数组。用的就是map()方法。
注意一下那个JS文件。要是调用的。
3.关于jQuery对象和Dom对象
Dom对象如果想调用jQuery的方法必须先转换为jQuery对象。
如何将Dom对象转换为jQuery对象?
$(spObj).text();=>$(Dom对象),就将Dom对象转换为了jQuery对象。稍微需要注意的是不能通过jQuery对象调用Dom中的方法。
如何通过jQuery转换为Dom对象?
有两种方法:$(spObj).get(0).innerHTML和$(spObj)[0].innerHTML。如下图。
4.关于获得jQuery中获得兄弟元素的几个方法:
next();表示的是当前元素之后紧邻的第一个兄弟元素,注意是下一个。
nextAll();表示的是当前元素之后的所有兄弟元素。注意一下是所有。
prev();表示的是当前元素之前紧邻的第一个兄弟元素。注意是上一个。
prevAll();表示的是当前元素之前所有的兄弟元素。注意一下是所有的。
siblings();表示当前元素的所有兄弟元素。也就是其之前和其之后的兄弟元素。
如页面上有一个无序列表,里面是一些小杜同学近期喜欢的歌曲,要求当鼠标进入的时候其背景变成红色,当点击此歌曲的时候其背景并不变色,也就是继续红色,而其上面的歌曲变成黄色背景的,而其后面的歌曲则变成蓝色背景的。其效果如下图:
5.关于jQuery中的一些基本过滤器。
:first。表示的是选取第一个元素。例如:$("div:first")表示的是选取第一个div。
:last。表示的是选取最后的元素。例如:$("div:last")表示的是选取最后一个div。
:not。表示选取不满足“选择器”条件的元素。
:even。表示选取索引是偶数的元素。
:odd。表示选取索引是奇数的元素。例如:$("input:even")表示选取索引是奇数的<input>。
$(":header")选取所有h1到h6的元素。
$(‘div:gt(2):lt(2)’).css(‘backgroundColor’, ‘yellow’);大于索引2的又小于后面索引2的,每次筛选都是上次筛选
如下图,页面中有一个列表,完成当点击其中元素的时候,奇数行变红,偶数行变黄的效果。
另一个依旧是此表,需求是将此表的第一行的字体改为30px的。然后将其下面排名前三我字体改为28px,将偶数行的背景变为红色的。最后一个平均分统计要求字
是红色的。个人认为略需要注意的就是关于对第11行代码的理解。
小杜同学关于Query的一点知识的更多相关文章
- 关于cookie的一点知识
关于cookie的一点知识 1.cookie是存储在客户端计算机中. 2.cookie不能跨浏览器访问.cookie是浏览器保存的,所以不同浏览器对cookie的保存路径.存储数据的格式.文件大小都可 ...
- rt-thread中动态内存分配之小内存管理模块方法的一点理解
@2019-01-18 [小记] rt-thread中动态内存分配之小内存管理模块方法的一点理解 > 内存初始化后的布局示意 lfree指向内存空闲区首地址 /** * @ingroup Sys ...
- ClistCtrl用法及总结(由怎样隐藏ListCtrl列表头的排序小三角形这个bug学习到的知识)
1 怎样隐藏ListCtrl列表头的排序小三角形 在创建控件是加入|LVS_NOSORTHEADER风格即可. 一下是用法总结: 本文根据本人在项目中的应用,来谈谈CListCtrl的部分用法及技巧. ...
- id,is的用法,小数据池的概念及编码知识进阶
一:id 查询内存地址 name = 'alex' print(id(name)) li = [1,2,3] print(id(li)) 二:is 判断的是内存地址 name1 = 'alex@' ...
- 关于SharePoint 的Client object model该何时load和execut query的一点自己的看法
很多人在用client object model的时候,不知道何时或者该不该load,今天看到一个观点描述这个问题,觉得很有道理,和大家分享.那就是写client object model就像写sql ...
- 关于调用约定(cdecl、fastcall、、thiscall) 的一点知识(用汇编来解释)good
函数调用规范 当高级语言函数被编译成机器码时,有一个问题就必须解决:因为CPU没有办法知道一个函数调用需要多少个.什么样的参数.即计算机不知道怎么给这个函数传递参数,传递参数的工作必须由函数调用者 ...
- 小梵同学 GO!
刘德翠 1. Vue.js实战读书笔记(1) 2.Vue.js实战读书笔记--计算属性 3. Vue.js实战读书笔记--v-bind及class与style绑定 4. Vue.js实战读书笔记--内 ...
- 乘法DAC一点知识
在应用电路中发现乘法DAC,以前没有用过所谓的乘法DAC.查过资料发现,其实所有的DAC都可以看作是个“乘法器”-------将输入数字量与基准电压相乘. 一般DAC的输出是VOUT=VREF*D/M ...
- MCMC采样理论的一点知识
看了好多相关的知识,大致了解了一下马尔可夫链-蒙特卡罗采样理论,有必要记来下来. 蒙特卡罗积分:(来自:http://blog.csdn.net/itplus/article/details/1916 ...
随机推荐
- 【转】使用SharpZipLib实现zip压缩
使用国外开源加压解压库ICSharpCode.SharpZipLib实现加压,该库的官方网站为 http://www.icsharpcode.net/OpenSource/SharpZipLib/Do ...
- Javascript之图片上传预览
使用Javascript之图片上传预览,我们无需上传到服务器中,兼容所有浏览器. 关键方法是使用微软库filter:progid:DXImageTransform.Microsoft.AlphaIma ...
- OpenGl从零开始之坐标变换
http://www.tuicool.com/articles/uiayYrI OpenGL学习脚印: 坐标变换过程(vertex transformation) http://blog.csdn.n ...
- RedHat Install
1. 插入光盘1并从光盘启动加载镜像文件 2. 回车后进入安装流程 3. 选择语言 4. 选择键盘布局 5. 鼠标配置 6. 选择安装类型 7. 选择分区类型 8. 添加一个boot分区 9. 新建一 ...
- cetos 7 常用命令
1. 安装 yum install 2. 可安装查找 yum search 3. 查找文件 whereis 4. 查看文件cat 5. 修改文件vi
- 【学习笔记】【C语言】指向函数的指针
每个函数都有自己的内存地址,指针保存了函数的地址后就能指向函数了. #include <stdio.h> double haha(double d, char *s, int a) { } ...
- OC1-XML文件解析
<?xml version = "1.0" encoding="utf-8"?> <Users> <User id="0 ...
- Windows Phone 7 ListBox 列表项渐显加载动画学习笔记
在wp7程序中,当程序功能越来越复杂时,性能问题是我们不得不考虑的一个问题.在聊天列表中,如果聊天项过多,而且项目UI组件足够复杂时, 我们不得不想尽办法让UI尽快加载.所以有一种可行的方案,就是像Q ...
- JAVA多线程学习--生产者消费者问题
一.问题描述 生产者消费者问题是一个典型的线程同步问题.生产者生产商品放到容器中,容器有一定的容量(只能顺序放,先放后拿),消费者消费商品,当容器满了后,生产者等待,当容器为空时,消费者等待.当生产者 ...
- mongodb的常用操作(三)
继续mongodb的学习和总结: 11.mongodb的mapreduce功能 mapreduce可以说是mongodb的一个很强大的功能,可以实现复杂的运算和统计,做一个简要的总结: 假设有user ...