size():返回包装集中元素的个数。

get([n]):返回一个DOM元素或DOM元素数组(接受负值)。

toArray():将包装里的所有元素作为DOM元素数组返回。

eq(n):获取包装集中与index参数相对应的元素,并返回只包含此元素的新包装集。(负的下标值从末尾开始查找元素)

first()    last()

index([ele]):返回第一个元素在同级节点中的下标(0开头),或返回元素在包装集中的下标(0开头)。

add(expression,context):expression(选择器|元素|数组),context(选择器|元素|数组|jQuery)

$('img[alt]').addClass('thickBorder').add('img[title]').addClass('seeThrough')
//选取所有<div>和所有<p>元素的等价方式
$('div,p') //使用选择器组
$('div').add(p) //给add()传入选择器
$('div').add($('p')); //给add()传入jQuery对象
var paras=document.getElementsByTagName('p'); //类数组对象
$('div').add(paras); //给add()传入元素数组

not(expression):expression(选择器|元素|数组|函数)

$('img[title]').not('[title*=puppy]')
$('img').not(function(){return !$(this).hasClass('keepMe');})

filter(expression):expression(选择器|数组|元素|函数),与not()正好相反。

$('td').filter(function(){return this.innerHTML.match(/^\d+$/)});  //使用正则表达式来决定元素内容是否匹配指定的模式(一个或多个整数序列)

slice(begin[,end]):从begin开始到end(end不被包含)。

has(expression):expression(选择器|元素)

map(callback):为包装集中的每一个元素调用回调函数,并将返回值收集到jQuery对象实例中。(有返回值给jQuery对象)

var allIds=$('div').map(function(){
return (this.id==undefined)?null :this.id;
}).get();

each(callback):遍历匹配集里所有的元素,为每一个元素调用传入的迭代函数。(比map通用)

$([1,2,3]).each(function(){alert(this);});

children([sel]):返回由每个包装元素所有的子节点组成的包装集。

closest(sel):返回由传入参数匹配的单个邻近祖先元素组成的包装集。对该方法而言,元素被认为是自身的祖先元素。

contents():返回由每个元素的内容组成的包装集,包括文本节点。

next([sel])、nextAll([sel])、nextUntil([sel])、prev([sel])、prevAll([sel])、prevUntil([sel])、siblings([sel])

offsetParent():返回由包装集中离第一个元素最近的,使用相对或者绝对定位的祖先元素组成的包装集。

parent([sel]):返回由每个包装元素的直接父元素(不包含重复元素)组成的包装集。

parents([sel]):返回由每个包装元素所有的祖先元素(不包含重复元素)组成的包装集。closest()返回的jQuery对象可能包含零个或一个元素,而parents([sel])返回的jQuery对象可能包含零个、一个或多个元素。

parentsUntil([sel]):不包括直到遇到的与选择器相匹配的元素。

find([sel])

is(sel):检验包装集中是否存在与传入的选择器表达式相匹配的元素,如果至少有一个元素与传入的参数相匹配,则返回true,否则false。

//如果至少有一个元素匹配选择器,则返回true。
var hasImage=$('*').is('img');

end()

$('img').filter('[title]').hide().end().addClass('anImage');

andSelf()

$('div').addClass('a').find('img').addClass('b').andSelf().addClass('c');
$('div').find('p').andSelf()
.addClass('highlight') //都高亮
.end().end() //弹出栈两次,返回$('div')
.css('border','solid black 1px');

代码片段集

暂无

jQuery管理包装集笔记的更多相关文章

  1. 4月12日学习笔记——jQuery管理包装集

    创建新的元素 (1)使用 HTML DOM 创建元素 //使用 Dom 标准创建元素 var select = document.createElement("select"); ...

  2. zepto源码--核心方法9(管理包装集)--学习笔记

    今天介绍的是与子元素相关的函数,children, find, contents children 从源码来看,主要是调用过滤函数filtered对遍历整个包装集返回的children进行过滤. 仔细 ...

  3. zepto源码--核心方法8(管理包装集)--学习笔记

    继续包装集过滤的相关函数的介绍,今天介绍与父元素相关的函数,parent, parents, closest, offsetParent parent 获取对象集合中每个元素的直接父元素. 与上篇文章 ...

  4. zepto源码--核心方法7(管理包装集)--学习笔记

    后面应该会有几篇连续介绍关于zepto包装集的文章.涉及的函数较多,就分别介绍,今天介绍几个使用关系获取包装集的方法.prev, next, first, last, siblings, eq pre ...

  5. 从零开始学习jQuery (三) 管理jQuery包装集

    本系列文章导航 从零开始学习jQuery (三) 管理jQuery包装集 一.摘要 在使用jQuery选择器获取到jQuery包装集后, 我们需要对其进行操作. 本章首先讲解如何动态的创建元素, 接着 ...

  6. jQuery学习笔记(3)-操作jQuery包装集的函数

    一.前言 在使用jQuery选择器获取到jQuery包装集后,我们就要对这些包装集进行各种操作 二.创建新的元素 1.使用HTMLDOM创建元素 (1)什么是DOM 当网页被加载时,浏览器会创建页面的 ...

  7. jQuery包装集

    jQuery包装集指的是通过$()方法返回的一个元素集,这跟一般的javascript数组有所区别, 包装集在后者的基础上还有一些初始化的函数和属性. 我们可以对二者进行一个比较: jsdiv = d ...

  8. Dom对象和jQuery包装集

    Dom对象 在传统的JavaScript开发中,我们经常都是首先获取Dom对象,比如: document.getElementById("dv1"); 我们经常使用getEleme ...

  9. 《Apache kafka实战》读书笔记-管理Kafka集群安全之ACL篇

    <Apache kafka实战>读书笔记-管理Kafka集群安全之ACL篇 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 想必大家能看到这篇博客的小伙伴,估计你对kaf ...

随机推荐

  1. rt—移植笔记1

    将rtt源码往stm32f407移植的时候,源码串口打印引脚设置有误,以下是源码引脚配置. 以下是原理图 可见配置有误.

  2. 这几天帮一个朋友解决了一点小问题(RF的有些小问题及解决过程)

    最近涉猎自动化太少了,以至于都不经常更新了.最近一个朋友在做移动端自动化的时候遇到了一些小问题来找我解决.本人也不是很精通,只是接触的时间长了一点了.下面就是一些问题和解决过程: 1.她刚过来的时候, ...

  3. <读书笔记>软件调试之道 :从大局看调试-理想的调试环境

    声明:本文档的内容主要来源于书籍<软件调试修炼之道>作者Paul Butcher,属于读书笔记.欢迎转载! ---------------------------------------- ...

  4. maven更新远程仓库速度太慢解决方法

    1.maven在更新下载jar包的时候,因为jar包默认是从国外服务器上下载的,所以速度特别慢 2.通过设置镜像的方法加快jar包下载 3.在maven安装目录下,/config/settings.x ...

  5. 发现大量的TIME_WAIT解决办法

    存在一定的TIME_WAIT是正常的,个人认为如果超过了连接数的比例就不是很正常 服务器端与客户端建立TCP/IP连接后关闭SOCKET后,服务器端连接的端口状态变为TIME_WAIT.主动关闭的一方 ...

  6. sga_target大于sga_max_size数据库无法启动

    环境:oracle 11g 单机 操作过程:由于修改SGA的大小,只修sga_max_size,没有修改sga_target,改导sga_max_size大于sga_target的大小,使得数据库无法 ...

  7. 学习C:打印输入中单词长度的水平方向直方图

    #include <stdio.h>#define IN 1#define OUT 0#define MAXWL 16 main() { /*打印输入单词长度的水平直方图*/ int c, ...

  8. centos7安装mariadb10遇到的问题解决

    4. 安装中的错误 4.1 /bin/ld: cannot find -lz /bin/ld: cannot find -lzcollect2: error: ld returned 1 exit s ...

  9. sql时间查询的问题

    今天在做一个时间查询的时候遇到一个问题,就是获取的时间是 数据库的存储是这样的2016-10-29 12:11:40    2016-10-31 15:00:05 ... $log=M('table' ...

  10. navicat 连接oracle 出现ora06413 连接未打开

    问题原因:未选择OCI执行DLL,和windows 64位的(x86)无关 解决方法:navicat中 工具->选项->OCI中的OCI library选择路径(navimat安装路径)C ...