.next()　　.prev()　　.nextAll()　　.prevAll()

　　.prevUntil()　　.nextUntli()

　　.siblings()

　　.children()

　　.parent()　　.parents()　　.offsetParent()　　.closest()

　　.slice()

 

　　.insertAfter()　　.after()

　　.insertBefore()　　.before()

　　.appendTo()　　.append()

　　.prependTo()　　.prepend()

　　.remove()　　.detach()

　　.wrap()　　.wrapInner()

　　.wrapAll()　　unWrap()

　　.clone()

---------------------------------------------------------------------------------------------------------------------------

　　.next()

选择选择器所选的第一个兄弟元素节点，不填参数， 默认选择第一个兄弟元素。参数可填 限定条件， 如果你不确定

第一个兄弟元素是什么， 填了 p 标签。如果下面第一个兄弟元素节点是 p 标签。 就选，不是就不选   。

<body>

    <div>div</div>

    <p>p</p>

    <span>span</span>

    <script src="./jquery/jquery.js"></script>

    <script>

        $('div').next('p');// 选中 p 标签

    </script>

</body>

　　.prev()

和.next() 方法相反的，  next  是往下 找兄弟元素节点，  .prev() 是往上面找 兄弟元素节点。

<body>

    <div>div</div>

    <p>p</p>

    <span>span</span>

    <script src="./jquery/jquery.js"></script>

    <script>

        $('span').prev('p');//选中 p 标签

    </script>

</body>

　　.nextAll()

.next() 是选 选择器下面的 第一个，  .nextAll() 是选 选择器下面的 全部， 当然， 也可以添加限定条件。

 $('h1').nextAll('input[type="checkbox"]').prop('checked', true);

                        //限制，只有input[type="checkbox"]的时候 才 加上checked 属性

　　.prevAll()

跟.nextAll() 相反， .nextAll() 是往下找同级的全部， .prevAll() 是往上找同级的全部。

　　.nextUnlit()

跟.nextAll() 类似，不过人家可以填的参数不同， 也是往下找同级的全部。 第一个参数填，找到哪

里 为止。第二个参数填 限定条件， 限定只要找什么。

　　.prevUnlit()

跟 .nextUnlit() 相反，是 选择器 选中的同级，是往上找同级的全部。

　　.siblings() 

上面两个 方法， 一个往下找，一个往上找， .siblings() 是找同级的 全部。 只要是同级的，就可以找

到，参数  可填限定条件；实例： ↓   除了它本身自己， 其他都选中了。 以下为了直观， 用了 数字

作为类名， 开发中不要这样 设置类名。

　　.children()

选择 选择器所选元素的 全部子级标签，参数：可填过滤条件；

　　

　　.parent()

选择 选择器所选元素的 直接上一级父级标签 , 参数可填条件， 如果你填了 div 标签，直接父级标签 不是 div  那么它就不会选。返回空

如果你想返回上两级的 父级标签呢，当然你可以 .parent().parent()  这样选，这样比较麻烦， 所以jquery 提供了  .parents() 方法

　　.parents()

返回全部父级标签，注意，是全部  。不填参数，返回全部父级，如果填了参数，检查全部父级有没有你所填的 标签，如果有返回，如果没有，返回空

　　.offsetParent()

跟原生js的 offsetParent() 方法 差不多， 也是查找 离你最近有定位的父级。

　　.closest()

先看下面的一个小例子吧。(获取 离你最近的 父级标签)，参数填什么，就会查看 你的父级里面有没有啊， 有的话返回离你最近的。是从自己 开始查的， 自己如果符合 你所填的 条件， 也会返回自己。

　　.slice()

截取从第几位 开始截，截到第几位，左闭右开的区间。   包括左边的， 不包括右边的

　　

　　.insertAfter()

把什么东西， 插入到 什么东西的后面去。  如果你这个时候链式调用，调用的是 p 标签, 如果我们想 使用div 进行操作呢。 请看下一个方法

　　.after()

跟.insertAfter()的方法一样， 只不过参数得颠倒一下顺序，而且，.after()  得填 jquery对象，如果你只填了 .after('p'), 它就会把p作为字符串插进去

　　.insertBefore()

跟原生js的方法比较像，把什么东西插入什么东西的前面去。跟 insertAfter() 是相反的， 功能也是相反的。

　　.before()

跟.insertbefore()的方法一样， 只不过参数得颠倒一下顺序，而且，.after()  得填 jquery对象，如果你只填了 .after('p'), 它就会把p作为字符串插进去

　　.appendTo()

把什么添加到 那里面的  上面去   请看小案例 ↓    要添加的 p标签 跟div 同级， 添加之后，变成 在div里面了， 而且 在div里面的 下面

　　.append()

跟.appendTo()的方法一样， 只不过参数得颠倒一下顺序，而且，.append() 得填 jquery对象，如果你只填了 .append('p'), 它就会把p作为字符串插进去，如果你要加文字进去， 用它就不错了

　　.prependTo()

跟.appendTo() 方法比较像， 主要的区别是，.appendTo()是添加到 里面的 最下面，.prependTo()是添加到里面的 最上面

　　.prepend()

跟.prependTo()的方法一样， 只不过参数得颠倒一下顺序，而且，.prepend() 得填 jquery对象，如果你只填了 .prepend('p'), 它就会把p作为字符串插进去，如果你要加文字进去， 用它就不错了,当然，跟.append() 一样，也可以添加 html标签， 会解析成 html结构

　　.remove()

移除你所选的 dom元素,但是如果又添加回去。原有的 事件绑定什么，会丢失。

　　.detach()

跟 remove 一个功能， 也是 移除。但是 移除后，又添加， 原有的 事件 都在。

　　$()最后 补充一点，   $() 不但可以填 选择器， 也可以创建东西， 有点像 innerHTML 一样

 　　.wrap()

为所选的 dom元素 添加父级标签，参数 可填， html结构 的标签，  jquery对象的 dom， 函数。

传入 jquery对象的 dom

传入函数

　　.wrapInner()

例如下面这个结构， $(".wrap").wrapInner("<span><span/>");   会为 类名为 .wrap的dom元素 里面 全部标签 套上一层父级。

参数方面跟 .wrap() 方法 一样。

<div class="wrap">

    <p></p>

    <p></p>

</div>

　　.wrapAll()

　　.unwrap()

干掉 你选择的直接父级

　　.clone()

克隆你选择的dom，克隆会保存 原有的 行间样式， 但是不会 保存 dom对象的原有属性， 例如  原有的点击事件，  dom 身上的属性   .name   什么的, 但是如果你想保留这些东西， .clone() 是可以填参数的，  .clone(true) 填true， 克隆的dom，就会保存  原有的点击事件，但是，并不会保存dom身上的属性。 但是会保存.data()身上的属性。

jQuery 第四章 实例方法 DOM操作_基于jQuery对象增删改查相关方法的更多相关文章

  1. jQuery 第四章 实例方法 DOM操作之data方法

    jquery 里面 的 data 方法比较重要, 所以成一个模块写: 首先, 得知道 data()  干嘛用的, 看淘宝上 有自定义的属性, 为data -  什么什么,   这是为了dom 跟数据有 ...

  2. 第三百零七节，Django框架,models.py模块，数据库操作——表类容的增删改查

    Django框架,models.py模块,数据库操作——表类容的增删改查 增加数据 create()方法,增加数据 save()方法,写入数据 第一种方式 表类名称(字段=值) 需要save()方法, ...

  3. 五 Django框架,models.py模块，数据库操作——表类容的增删改查

    Django框架,models.py模块,数据库操作——表类容的增删改查 增加数据 create()方法,增加数据 save()方法,写入数据 第一种方式 表类名称(字段=值) 需要save()方法, ...

  4. 1.SSM整合_单表的增删改查

    目标:增删改查 环境:Maven+Eclipse+Tomcat7+JDK7 思维导图: 表结构 目录结构 依赖 <dependencies> <dependency> < ...

  5. ado.net的简单数据库操作（三）——简单增删改查的实际应用

    果然,在犯困的时候就该写写博客,写博客就不困了,哈哈! 上篇我记录了自己的SqlHelper的开发过程,今天记录一下如何使用这个sqlhelper书写一个具有简单增删改查的小实例啦. 实例描述:在数据 ...

  6. C#在winform中操作数据库，实现数据增删改查

    1.前言: 运行环境:VS2013+SQL2008+Windows10 程序界面预览: 使用的主要控件:dataGridview和menuStrip等. 2.功能具体介绍: 1.首先,我们要先实现基本 ...

  7. C# 数据操作系列 - 12 NHibernate的增删改查

    0. 前言 上一篇<C# 数据操作系列 - 11 NHibernate 配置和结构介绍> 介绍了Nhibernate里的配置内容.这一篇将带领大家了解一下如何使用NHIbernate.之前 ...

  8. jQuery 第二章 实例方法 DOM操作选择元素相关方法

    进一步选择元素相关方法:  .get() .eq() .find() .filter() .not() .is() .has() .add()集中操作  .end()回退操作 .get() $(&qu ...

  9. jQuery 第二章 实例方法 DOM操作取赋值相关方法

    取赋值相关方法:  .html() .text() .val() .size() .addClass() .removeClass() .hasClass() .html() html方法干嘛的呢,底 ...

随机推荐

  1. eclipse配置打开选中文件存储的目录快捷配置

    方便同时复制多个包的文件 https://jingyan.baidu.com/article/adc8151353a896f723bf73cd.html

  2. VirtualBox 安装Ubuntu(16.04/18.04)时显示不全的解决方法

    是是系统分辨率不同导致的问题 Alt+鼠标左键 (16.04版本亲测有效,18.04版本亲测无效)或者Win+鼠标左键 (18.04版本亲测有效)拖动安装界面,即可显示内容.

  3. [Luogu P1268] 树的重量 (巧妙的构造题)

    题面 传送门:https://www.luogu.org/problemnew/show/P1268 Solution 这是一道极其巧妙的构造题 先做一个约定[i,j]表示从i到j的距离 我们可以先从 ...

  4. linux添加自动清空缓存

    1. cleanCache.sh vim cleanCache.sh #!/bin/bash #每两小时清除一次缓存 echo "开始清除缓存" sync;sync;sync #写 ...

  5. XJOI 夏令营501-511NOIP训练18 高三楼

    参观完各种饭堂,学校还有什么著名的景点呢?当然是教室了,此时此刻我 们来到了高三楼.你会发现高三楼门口会有以身份认证系统,这东西还有着一段疼人的历史.每年的九月到来,高三的童鞋大多不习惯学校的作息时间 ...

  6. Vue3教程：一个基于 Vue 3 + Vant 3 的商城项目开源啦！

    之前发布过一篇文章,告诉大家我要开发一个 Vue3 的商城项目并开源到 GitHub 上,供大家练手和学习,随后也一直有收到留言和反馈,问我开发到哪里了,什么时候开源之类的问题,今天终于可以通知大家, ...

  7. Spring Boot API 统一返回格式封装

    今天给大家带来的是Spring Boot API 统一返回格式封装,我们在做项目的时候API 接口返回是需要统一格式的,只有这样前端的同学才可对接口返回的数据做统一处理,也可以使前后端分离 模式的开发 ...

  8. TCP性能分析与调优策略

    网络传输 传播延迟: 消息从发送端到接收端需要的时间,是信号传播距离和速度的函数 传输延迟: 把消息中的所有比特转移到链路中需要的时间,是消息长度和链路速率的函数 处理延迟: 处理分组首部.检查位错误 ...

  9. Spring Security 实战干货：OAuth2授权请求是如何构建并执行的

    在Spring Security 实战干货:客户端OAuth2授权请求的入口中我们找到了拦截OAuth2授权请求入口/oauth2/authorization的过滤器OAuth2Authorizati ...

  10. java实现一个简单的单链表反转

    自定义一个单链表,实现链表反转: 1.普通方法实现 2.递归方式实现 package listNode; public class ReverseNode { public static void m ...