1.siblings()

　　　　siblings() 获得匹配集合中每个元素的同胞，通过选择器进行筛选是可选的。

<body>

  <div><span>Hello</span></div>

  <p class="selected">Hello Again</p>

  <p>And Again</p>

<script>

$("p").siblings(".selected").css("background", "yellow");

</script>

</body>

结果：

2.nextAll()

　　　　nextAll() 方法返回被选元素的所有跟随的同胞元素。

<script>

$(document).ready(function(){

  $("h2").nextAll().css({"color":"red","border":"2px solid red"});

});

</script>

</head>

<body class="siblings">

<div>div (父)

  <p>p</p>

  <span>span</span>

  <h2>h2</h2>

  <h3>h3</h3>

  <p>p</p>

</div>

</body>

结果：

3.end()

　　　　end() 方法结束当前链条中的最近的筛选操作，并将匹配元素集还原为之前的状态。

<head>

  <style>p { margin:10px; padding:10px; }</style>

  <script type="text/javascript" src="/jquery/jquery.js"></script>

</head>

<body>

  <p><span>Hello</span>, how are you?</p>

  <script>$("p").find("span").end().css("border", "2px red solid");</script>

</body>

结果：

4.wrap(wrapper)

　　　　wrap() 方法把每个被选元素放置在指定的 HTML 内容或元素中。

<script type="text/javascript">

$(document).ready(function(){

  $(".btn1").click(function(){

    $("p").wrap("<div></div>");

  });

});

</script>

<style type="text/css">

div{background-color:yellow;}

</style>

</head>

<body>

<p>This is a paragraph.</p>

<p>This is another paragraph.</p>

<button class="btn1">用 div 包裹每个段落</button>

</body>

结果：

wrap(function())

　　　　使用函数来规定在每个被选元素周围包裹的内容。

<script type="text/javascript">

$(document).ready(function(){

  $("button").click(function(){

    $("p").wrap(function(){

      return "<div></div>"

    });

  });

});

</script>

<style type="text/css">

div{background-color:yellow;padding:10px;}

</style>

</head>

<body>

<p>这是一个段落。</p>

<button>用 div 元素来包围 p 元素</button>

</body>

结果：

5.each()

　　　　each() 方法规定为每个匹配元素规定运行的函数。（提示：返回 false 可用于及早停止循环。）

<script type="text/javascript">

$(document).ready(function(){

  $("button").click(function(){

    $("li").each(function(){

      alert($(this).text())

    });

  });

});

</script>

</head>

<body>

<button>输出每个列表项的值</button>

<ul>

<li>Coffee</li>

<li>Milk</li>

<li>Soda</li>

</ul>

</body>

结果：

6.call()

　　　　调用一个对象的一个方法，以另一个对象替换当前对象。

apply()

　　　　应用某一对象的一个方法，用另一个对象替换当前对象。

提示：call与apply的不同就是call传的值可以是任意的，而apply传的剩余值必须为数组。

function add(a, b) { return a + b; }

function sub(a, b) { return a - b; }

//apply

var a1 = sub.apply(add, [4, 2]);

var a2= add.apply(sub, [4, 2]);  

//call

var a1 = sub.call(add, 4, 2);

var a2= add.call(sub, 4, 2);

//输出：a1=2  a2=6

jQuery之常用且重要方法梳理（siblings,nextAll,end,wrap,apply,call,each）-（二）的更多相关文章

  1. jQuery之常用且重要方法梳理（target,arguments,slice,substring,data,trigger,Attr）-（一）

    1.jquery  data(name) data() 方法向被选元素附加数据,或者从被选元素获取数据. $("#btn1").click(function(){ $(" ...

  2. jQuery中常用的函数方法

    jQuery中常用的函数方法总结 Ajax处理 load(url,[data],[callback]) url (String) : 待装入 HTML 网页网址. data (Map) : (可选) ...

  3. jQuery中常用的函数方法总结

    jQuery中为我们提供了很多有用的方法和属性,自己总结的一些常用的函数,方法.个人认为在开发中会比较常用的,仅供大家学习和参考. 事件处理 ready(fn) 代码: $(document).rea ...

  4. js模仿jquery里的几个方法next, pre, nextAll, preAll

    /*siblings函数, 选取node的所有兄弟节点*/ function siblings(node){ if(node.nodeType === 1){ node.flag = true; // ...

  5. jquery里正则的使用方法及常用的正则验证

    本文是一篇关于jquery使用正则来验证输入,及一些常用验证规则的基础文章,适合新手. 假设我们的网页里有这样的一个表单: <input id="aijquery" type ...

  6. jquery常用的一些方法

    一.选择网页元素(标签选择器) $(document) //选择整个文档对象 $('#myId') //选择ID为myId的网页元素 $('div.myClass') // 选择class为myCla ...

  7. jquery 常用选择器和方法以及遍历（超详细）

    jQuery 常用选择器和和方法 学习总结 一.JQuery 介绍 1. 什么是 jQuery 2. jQuery 版本介绍 3. jQuery 文件介绍 二.jQuery 对象 1. jQuery ...

  8. jquery 连写注释;siblings() 方法;jQuery 的3种滑动方法;slideUp()向上滑动;slideDown()向下滑动;slideToggle()来回滑动

    首先我们看两个连写注释 第一个:   /* 点击头像,显示基本资料 */ $(".f-chatTit a.avatar").click(function(){ $(this).hi ...

  9. 浅析jQuery中常用的元素查找方法总结

    本篇文章是对jQuery中常用的元素查找方法进行了详细的总结和介绍,需要的朋友参考下   $("#myELement") 选择id值等于myElement的元素,id值不能重复在文 ...

随机推荐

  1. 自定义基于 VLC 的视频播放器

    前言(蛋疼的背景故事) 前段时间,接了一个小项目,有个需求是要在系统待机一段时间以后,循环播放 MV(类似于 Windows 系统的屏幕保护). 听到这个需求,我首先想到的是 MediaPlayer ...

  2. 【原】Android热更新开源项目Tinker源码解析系列之一：Dex热更新

    [原]Android热更新开源项目Tinker源码解析系列之一:Dex热更新 Tinker是微信的第一个开源项目,主要用于安卓应用bug的热修复和功能的迭代. Tinker github地址:http ...

  3. “.Net 社区虚拟大会”(dotnetConf) 2016 Day 3 Keynote: Scott Hanselman

    美国时间 6月7日--9日,为期三天的微软.NET社区虚拟大会正式在 Channel9 上召开,美国时间6.9 是第三天, Scott Hanselman 做Keynote.今天主题围绕的是.NET ...

  4. 一个粗心的Bug，JSON格式不规范导致AJAX错误

    一.事件回放  今天工作时碰到了一个奇怪的问题,这个问题很早很早以前也碰到过,不过没想到过这么久了竟然又栽在这里. 当时正在联调一个项目,由于后端没有提供数据接口,于是我直接本地建立了一个 json ...

  5. ifconfig: command not found（CentOS专版，其他的可以参考）

    ifconfig: command not found 查看path配置(echo相当于c中的printf,C#中的Console.WriteLine) echo $PATH 解决方案1:先看看是不是 ...

  6. 关于Visual Studio 未能加载各种Package包的解决方案

    问题: 打开Visual Studio 的时候,总提示未能加载相应的Package包,有时候还无法打开项目,各种提示 解决方案: 进入用户目录 C:\Users\用户名\AppData\Local\M ...

  7. Android中ListView实现图文并列并且自定义分割线（完善仿微信APP）

    昨天的(今天凌晨)的博文<Android中Fragment和ViewPager那点事儿>中,我们通过使用Fragment和ViewPager模仿实现了微信的布局框架.今天我们来通过使用Li ...

  8. Git（1）

    安装Git 完毕 (在开始菜单打开的话,打开的不是你想要的路径,切换路径很麻烦) 1.D盘新建 GitTest 文件夹 2.打开GitTest , 在空白的地方右键, 3.单击 Git Bash He ...

  9. 如何使用dos命令查看MySQL当前使用的数据库？

    1.dos命令安装mysqld --stall.启动net start mysql.进入MySQL数据库mysql -uroot -p后,输入select database(); 如图:

  10. centos7 安装时候检测不到空余硬盘的解决办法

    我是用U盘装的centos,在进行硬盘规划时,看到硬盘的可用空间太少 这是因为我的硬盘以前装的是windows系统,硬盘几乎都已经被windows 操作系统给使用了,剩余空间也只会是windows用剩 ...