1、  选择符:

  a)          a > b 作为a子元素的b匹配的元素

  b)         a + b 作为后面直接同辈元素的b匹配的元素

  c)         a ~ b 作为后面同辈的b匹配的元素

2、  元素间定位:

  a)         :even        结果中的偶数元素(从0开始计数)

  b)         :odd          结果中的奇数元素(从0开始计数)

  c)         :ep(index)         结果中索引为index的元素(从0开始计数)

  d)         :lt(index)  结果中所有位于给定索引之后的元素(从0开始计数)

  e)         :gt(index) 结果中所有位于给定索引之前的元素(从0开始计数)

3、  属性:

  a)         [attr!=”value”]                   attr属性的值不为value的元素

  b)         [attr^=”value”]         attr属性的值以value开头的元素

  c)         [attr$=”value”]         attr属性的值以value结尾的元素

  d)         [attr*=”value”]         attr属性的值包含字符串value的元素

  e)         [attr~=”value”]         attr属性的值是空格分隔的多个字符串,其中一个为value

4、  筛选元素:

  a)         .filter(selector)         与给定的选择符匹配的选中元素

  b)         .filter(callback)         回调函数callback返回true的选中元素

  c)         .eq(index)         从0开始计数的第index个选中元素

  d)         .first()       选中元素的第一个元素

  e)         .last()        选中元素的最后一个元素

  f)          .slice(start,[end])     从0开始计数的给定范围内的选中元素

  g)         .not(selector)  选中元素中与给定选择符不匹配的元素

  h)         .has(selector)  选中元素中有后代匹配给定选择符的元素

5、  后代元素

  a)         .find(selector)  与给定选择符匹配的后代元素

  b)         .contents()       子节点(不包括文本节点)

6、  同辈元素

  a)         .next([selector])       每个选中元素紧邻的下一个同辈元素,selector可选

  b)         .nextAll([selector])  每个选中元素之后的所有同辈元素,selector可选

  c)         .nextUntil([selector],[filter])    每个选中元素之后、直至但不包含第一个匹配selector的同辈元素,selector、filter可选

7、  祖先元素

  a)         .parent([selector])   每个选中元素的父元素,selector可选

  b)         . parents([selector])         每个选中元素的所有祖先元素,selector可选

  c)         . parentsUntil([selector],[filter])      每个选中元素的所有祖先元素、直至但不包含第一个匹配selector的祖先元素,selector、filter可选

  d)         . closest(selector)    与选择符selector匹配的第一个元素,遍历路径从选中元素开始,沿着DOM数向上在其中足协爱你节点中的查找

  e)         . offsetParent()         第一个选中元素被定为的氟元素

8、  集合操作

  a)         .add(selector)  选中的元素,加上与给定选择符匹配的元素

  b)         . addBack()       元素的元素,加上内部jQuery栈中之前选中的那一组元素

  c)         . end()       内部jQuery栈中之前选中的元素

  d)         . map(callback)         对每个选中元素调用回调函数之后的结果

  e)         . pushStack(elements)     指定的元素

9、  操作选中的元素

  a)         .is(selector)      选中的元素,加上与给定选择符匹配的元素

  b)         . index()    元素的元素,加上内部jQuery栈中之前选中的那一组元素

  c)         . index(elements)     内部jQuery栈中之前选中的元素

  d)         $. contains(a,b)        对每个选中元素调用回调函数之后的结果

  e)         . each(callback)        迭代匹配的元素,针对每个元素执行callback函数

  f)          . get()       取得与匹配元素对应的DOM节点的列表

  g)         . get(index)       取得匹配元素中与指定索引对应的DOM节点

  h)         . toArray()         取得与匹配元素对应的DOM节点的列表

10、              自定义效果

  a)         .slideDown(attr,[speed],[easing],[callback])   针对指定的CSS属性执行自定义动画

11、              插入

  a)         .append(content)     在每个匹配元素内部的末尾插入content

  b)         .appendTo(selector)         将匹配的元素插入到selector匹配的元素内部的末尾

  c)         .prepend(content)   在每个匹配元素内部的开头插入content

  d)         .prependTo(selector)       将匹配的元素插入到selector匹配的元素内部的开头

  e)         .after(content)                  在每个匹配元素的后面插入content

  f)          .insertAfter(content)       将匹配的元素插入到selector匹配的元素的后面

  g)         .before(selector)      在每个匹配元素的前面插入content

  h)         .insertBefore(selector)    将匹配的元素插入到selector匹配的元素的前面

  i)           .wrap(content)         将匹配的元素包装到content中

  j)           .wrapAll(content)    将匹配的每个元素作为一个单元包装到content中

  k)         .wrapInner(content)        将匹配的每个元素内部的内容包装到content中

12、              替换

  a)         .replaceWith(content)     将匹配的元素替换为content

  b)         .replaceAll(selector)         将选择符匹配的元素替换为匹配的元素

13、              删除

  a)         .unwrap()                   删除元素的父元素

jQuery的常见操作的更多相关文章

  1. 转:jQuery 常见操作实现方式

    http://www.cnblogs.com/guomingfeng/articles/2038707.html 一个优秀的 JavaScript 框架,一篇 jQuery 常用方法及函数的文章留存备 ...

  2. jQuery 常见操作实现方式

    一个优秀的 JavaScript 框架,一篇 jQuery 常用方法及函数的文章留存备忘. jQuery 常见操作实现方式 $("标签名") //取html元素 document. ...

  3. jQuery选择器及常见操作

    jQuery http://jquery.cuishifeng.cn/ 模块 <=>类库 DOM/BOM/JavaScript的类库 版本: 1.x 1.12 2.x 3.x 转换: jq ...

  4. jQuery链式操作[转]

    用过jQuery的朋友都知道他强大的链式操作,方便,简洁,易于理解,如下 $("has_children").click(function(){ $(this).addClass( ...

  5. Jquery的事件操作和文档操作

    对于熟悉前端开发的小伙伴,相信对于Jquery一定不陌生,相对于JavaScript的繁琐,Jquery更加的简洁,当然简洁不意味着简单,我们可以使用Jquery完成我们想要实现全部功能,这里为小白们 ...

  6. jQuery的DOM操作详解

    DOM(Document Object Model-文档对象模型):一种与浏览器, 平台, 语言无关的规则, 使用该接口可以轻松地访问页面中所有的标准组件DOM操作的分类 核心-DOM: DOM Co ...

  7. 解密jQuery内核 DOM操作的核心函数domManip

    domManip是什么 dom即Dom元素,Manip是Manipulate的缩写,连在一起就是Dom操作的意思. .domManip()是jQuery DOM操作的核心函数 对封装的节点操作做了参数 ...

  8. 解密jQuery内核 DOM操作的核心buildFragment

    文档碎片是什么 http://www.w3.org/TR/REC-DOM-Level-1/level-one-core.html#ID-B63ED1A3 DocumentFragment is a & ...

  9. 解密jQuery内核 DOM操作

    jQuery针对DOM操作的插入的方法有大概10种 append.prepend.before.after.replaceWith appendTo.prependTo.insertBefore.in ...

随机推荐

  1. 如何修改file控件

    在移动web开发过程中,常常会用到input file这控件,但css不能修改其样式往往让开发者很头疼,直接把他放到页面上又不美观: 下面介绍的方法,可以将该控件的显示样式替换成一个图标:   该方法 ...

  2. js中正则表达式 ---- 现成

    1 . 校验密码强度 密码的强度必须是包含大小写字母和数字的组合,不能使用特殊字符,长度在8-10之间. ^(?=.*\\d)(?=.*[a-z])(?=.*[A-Z]).{8,10}$ 2. 校验中 ...

  3. git使用和理解之一(不含分支)

    0.前言 Workspace:工作区 Index / Stage:暂存区 Repository:仓库区(或本地仓库) Remote:远程仓库 工作区和暂存区: 我们写代码的地方就是工作区,代码写完后, ...

  4. C语言程序设计入门学习五步曲(转发)

    笔者在从事教学的过程中,听到同学抱怨最多的一句话是:老师,上课我也能听懂,书上的例题也能看明白,可是到自己动手做编程时,却不知道如何下手.发生这种现象的原因有三个: 一.所谓的看懂听明白,只是很肤浅的 ...

  5. scala 宏

    Scala开发团队正在将实验版宏指令加入到即将发行的2.10版中.Scala宏指令提供了编译时元编程的高级形式.Scala宏网站描述道: “宏指令显著简化了代码分析和代码生成,这使得它们成为处理大量现 ...

  6. php本地及远程文件包含漏洞

    在php程序中包含有file inclusion的时候,php要开启一下两个功能: allow_url_fopen onallow_url_include on 但是开启这两个功能之后伴随的是url漏 ...

  7. C#之委托

    委托是C#中非常重要的一个概念,并在C#中得到了丰富的应用,如事件,线程等.那什么是委托呢?具体来说,委托是一种引用方法的类型.一旦为委托分配了方法,委托将与该方法具有完全相同的行为.委托方法的使用可 ...

  8. 项目中常用的linux命令

    1. du -sm * | sort -n 把当前目录下的文件(或目录)按大小排序,看下哪个地方占用最多: 2. pwd                     获取当前目录路径 3. tail -f ...

  9. linux下查看tomcat和jdk版本号

    linux下查看tomcat和jdk版本号的命令: 这个需要进入到bin目录下面 ,执行"./version.sh"命令 [root@hncsweb bin]# ./version ...

  10. java基础之 序列化

    一.序列化和反序列化的概念 把对象转换为字节序列的过程称为对象的序列化.       把字节序列恢复为对象的过程称为对象的反序列化. 对象的序列化主要有两种用途: 1) 把对象的字节序列永久地保存到硬 ...