第80天：jQuery插件使用

jQuery其他补充
+ 4.1链式编程：end（）补充
*补充五角星评论案例
*第一步：鼠标移入，当前五角星和前面的五角星变实体。后面的变空心五角星
*第二步：鼠标点击的时候，为当前元素添加点击类，其他的移除点击类
*第三步：当鼠标移开整个评分控件的时候，把clicked的之前的五角星显示实心

+ 4.2隐式迭代
*默认情况下，会自动迭代执行jQuery选择出来所有dom元素的操作。
*如果获取的是多元素的值，默认返回的是第一个元素的值。

+ 4.3 map函数
* $ .map（arry，function（object，index）{}）*返回一个新的数组*
*
* var arry = $（“li”）。map（function（index，element）{}） *注意参数的顺序是反的*

```
var newArr = $ .map（$（“li”），function（i，e）{
return $（e）.text（）+ i; //每一项返回的结果组成新数组
}）;

var newArr = $（“li”）。map（function（elem，index）{
console.log（“elem：”+ elem）;
console.log（“index：”+ index）;
retrun index;
}）;
```
+ 4.4每个函数
*全局的
* $ .each（数组，函数（索引，对象）{}）
*
* $（“li”）。each（function（index，element）{}）
*参数的顺序。是一致的
```
例如：
$（ “里”）。每个（函数（）{
$（本）.addClass（ “富”）;
}）;

$（“li”）.each（function（index）{
console.log（index +“：”+ $（this）.text（））;
}）;

$（“div”）。each（function（index，element）{}）;
```

+ 4.5 noConflict全局对象污染冲突
$ jQuery

var $ = {name：“itecast”};

<script src =“jQueryDemos / jquery-1.11.3.min.js”> </ script>
<！ - $ === jQuery - >

var laoma_jQ = $ .noConflict（）; //让jQuery释放$，让$回归到jQuery之前的对象定义上去。
$ .name

jQuery的

+ 4.6 jQuery.data（）jQuery对象的数据缓存。（了解）

* $（“。nav”）。data（“name”，123）; //设置值.var
t = $（“。nav”）。data（“name”）; //获取值
t.name =“18”; //对象的更改，会直接同步到元素的jQuery对象上去。

+ 4.7会做jQuery插件

*全局jQuery函数扩展方法
```
$ .log = function（）{

}

// $（“li”）
```

* jQuery对象扩展方法
```
$ .fn.log = function（）{

}
```

+ 4.8引入第三方插件
*背景色动画插件
* lazyload插件
* jQuery UI插件

+ 4.9 sublime装插件
* sublime 3
*第一步：装上sublime的包管理器package control
* ctrl +〜
*上网把按照包控制的那段代码，粘贴一下，然后回车。
*
*第二步：使用Ctrl + shift + p