jQuery中的Deferred和Promise有助于我们处理Ajax这样的异步过程，以jQuery中的\$.ajax()为例，当嵌套多个\$.ajax()异步函数时，代码就成了下面这样：

在jQuery中，attr()函数和prop()函数都用于设置或获取指定的属性，它们的参数和用法也几乎完全相同。 但不得不说的是，这两个函数的用处却并不相同。下面我们来详细介绍这两个函数之间的区别。

操作对象不同

很明显，attr和prop分别是单词attribute和property的缩写，并且它们均表示”属性”的意思。不过，在jQuery中，attribute和property却是两个不同的概念。attribute表示HTML文档节点的属性，property表示JS对象的属性。

1
2
3
4
5
6
7

 <!-- 这里的id、class、data_id均是该元素文档节点的attribute -->
<div id="message" class="test" data_id="123"></div>
 
<script type="text/javascript">
// 这里的name、age、url均是obj的property
var obj = { name: "CodePlayer", age: 18, url: "http://www.365mini.com/" };
</script>

通常来说，vi编辑器有三种模式，分别是一般指令模式、编辑模式与指令行命令模式。 这三种模式的作用分别是：

一般指令模式（command mode）

以 vi 打开一个文件就直接进入一般指令模式了（这是默认的模式，也简称为一般模式）。在这个模式中， 你可以使用上下左右按键来移动光标，你可以使用删除字符或删除整行来处理文件内容， 也可以使用复制、黏贴来处理你的文件数据。

基本

show()

用于显示所有匹配的元素。此外，你还可以指定元素显示的过渡动画效果。 如果元素本身是可见的，则不对其作任何改变。如果元素是隐藏的，则使其可见。 常用语法：jQueryObject.show( [ duration ] [, easing ] [, complete ] )。

数组和对象操作

$.each()

用于遍历对象或数组：jQuery.each(array,callback)或jQuery.each(object,callback)。 例如，遍历数组：

1
2
3

$.each([ 27, 41 ], function( index, value ) {
    console.log( index + ": " + value );
});

夏天到了，所以主题名字就叫Summer吧。主题参考自https://cn.vuejs.org/v2/api/。emoji作者ColinXu。

由于每个人单页的迥异，所以我把自定义的单页去掉了。单页样式自定义可以参考下面的思路：

1
2
3
4
5
6

{{if eq $.single.Title "Friends"}} 
    {{template "friends.html" $}}
{{end}}
{{if eq $.single.Title "Music"}} 
    {{template "music.html" $}}
{{end}}

jQuery提供了一系列的筛选函数来对jQuery选择器选择的结果进行筛选。筛选函数大致可分为三个类别：过滤，查找和串联。

过滤

eq(index)

获取第N个元素。index为元素位置，为正数时表示从第一个元素开始，从0算起；为负数时表示从最后一个元素开始，从-1开始。

例如，获取匹配的第二个元素：

1
2

<p> This is just a test.</p>
<p> So is this</p>

1

$("p").eq(1); // <p> So is this</p>​

现要在body下插入一张包含一些属性的图片，使用jQuery操作document传统的做法是：

1
2
3
4
5
6
7
8

var html = ' <img src="../images/little.bear.png" alt="Little Bear"'+
           ' title="I woof in your general direction" '+
           ' onclick="showTitle($(this));"><img/>'
$(html).appendTo('body');
function showTitle(val){
    var $this = val;
    alert($this.attr('title'));
}