jQuery的常见操作
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的常见操作的更多相关文章
- 转:jQuery 常见操作实现方式
http://www.cnblogs.com/guomingfeng/articles/2038707.html 一个优秀的 JavaScript 框架,一篇 jQuery 常用方法及函数的文章留存备 ...
- jQuery 常见操作实现方式
一个优秀的 JavaScript 框架,一篇 jQuery 常用方法及函数的文章留存备忘. jQuery 常见操作实现方式 $("标签名") //取html元素 document. ...
- jQuery选择器及常见操作
jQuery http://jquery.cuishifeng.cn/ 模块 <=>类库 DOM/BOM/JavaScript的类库 版本: 1.x 1.12 2.x 3.x 转换: jq ...
- jQuery链式操作[转]
用过jQuery的朋友都知道他强大的链式操作,方便,简洁,易于理解,如下 $("has_children").click(function(){ $(this).addClass( ...
- Jquery的事件操作和文档操作
对于熟悉前端开发的小伙伴,相信对于Jquery一定不陌生,相对于JavaScript的繁琐,Jquery更加的简洁,当然简洁不意味着简单,我们可以使用Jquery完成我们想要实现全部功能,这里为小白们 ...
- jQuery的DOM操作详解
DOM(Document Object Model-文档对象模型):一种与浏览器, 平台, 语言无关的规则, 使用该接口可以轻松地访问页面中所有的标准组件DOM操作的分类 核心-DOM: DOM Co ...
- 解密jQuery内核 DOM操作的核心函数domManip
domManip是什么 dom即Dom元素,Manip是Manipulate的缩写,连在一起就是Dom操作的意思. .domManip()是jQuery DOM操作的核心函数 对封装的节点操作做了参数 ...
- 解密jQuery内核 DOM操作的核心buildFragment
文档碎片是什么 http://www.w3.org/TR/REC-DOM-Level-1/level-one-core.html#ID-B63ED1A3 DocumentFragment is a & ...
- 解密jQuery内核 DOM操作
jQuery针对DOM操作的插入的方法有大概10种 append.prepend.before.after.replaceWith appendTo.prependTo.insertBefore.in ...
随机推荐
- Delphi与Windows 7下的用户账户控制(UAC)机制 及 禁用兼容性助手
WIN7, Vista提供的UAC机制,它的主要目的是防止对于操作系统本身的恶意修改.对于Delphi程序的影响,UAC主要在于以下几点:1.由于UAC机制,Delphi对于系统的操作可能无声的失败, ...
- php 使用curl模拟登录discuz以及模拟发帖
<?php$discuz_url = 'http://127.0.0.1/discuz/';//论坛地址$login_url = $discuz_url .'logging.php?action ...
- Java—网络技术
1 TCP Sockets基础 Sockets是一个编程抽象概念,它是网络上与另一个应用程序通信连接的句柄.Sockets编程将用户代码与TCP/IP协议堆栈的底层实现隔离开,允许用户灵活地实现自己 ...
- html生成图片并保存到本地方法(Windows)
// 最近用到一个保存html为图片到本地的功能(保存到下载目录),记之,该功能IE使用Blob 存储数据,关于兼容性问题参见如下表格,其他浏览器使用a标签download属性新功能下载 Browse ...
- WCF初探-26:WCF中的会话
理解WCF中的会话机制 在WCF应用程序中,会话将一组消息相互关联,从而形成对话.会话”是在两个终结点之间发送的所有消息的一种相互关系.当某个服务协定指定它需要会话时,该协定会指定所有调用(即,支持调 ...
- css3圆角(还有百分比设置椭圆) 阴影 字体
一. 现在前面只写知识点,全部内容放在后面截图展示: 给元素添加圆角: border-radius属性,他的值如果等于高的一半,将会等到一个圆形,大于一半叶然是一个圆形 radius是指半径,他求出圆 ...
- SqlServer索引使用及维护
在应用系统中,尤其在联机事物处理系统中,对数据查询及处理速度已成为衡量应用系统的标准. 而采用索引来加快数据处理速度也成为广大数据库用户所接受的优化方法. 在良好的数据库设计基础上,能够有效地索引是S ...
- PHP语言基础简单整理
1.开始结束标记<? ... ?> 2.定义变量:$变量名 例: $str="锦清笋";不需要指明数据类型 3.输出语句:(1)echo "hello wor ...
- jquery 单击和双击事件冲突解决方案
先看一下点击事件的执行顺序: 单击(click):mousedown,mouseout,click: 双击(dblclick):mousedown,mouseout,click , mousedown ...
- NodeJs使用asyncAwait两法
async/await使用同步的方式来书写异步代码,将异步调用的难度降低到接近于0,未来必将大放异彩.然而在当下,由于标准化的缓存步伐,async/await尚在ES7的草案中.为了尝先,特试用了下面 ...