js第六篇

【js框架】

什么是js框架？

就是事先写好的js文件。里面包含了大量的js功能。只要在html文档中引入这个js文件就可以使用里面的所有功能这就是js框架的好处。

简介：

目前世界上有大量的js框架数以万计，其中jquery是最为杰出使用最为广泛的一个js框架。它是一个美国人写的。这个人叫约翰莱西格

【体验jquery】

简单说一下在体验jquery、的过程中你不用着急记太多的步骤，重点就是观察和看热闹。体验完了以后我们再按部就班的去学习。

《jquery的书写步骤》***

第一：引入jquery的文件，通过script的src属性。

第二：新建一对script标签书写jquery；

第三：用jquery的形式执行代码分离 $(function(){});

第四：省略掉取数据的模块直接绑定事件。

人们推崇的jquery书写宗旨。网络上流行的jquery书写核心。

其实jquery已经将js的书写化简到极限了。  就一句话， 你用什么就选什么，你用什么就给美元。

Jquery的书写核心：你用什么就选什么 $();

《显示隐藏切换函数》

Show（） 显示任何选中html元素；

Hide（） 隐藏任何选中元素；

Toggle（）切换

这3个函数的内部都可以填写一个毫秒值来控制动画的显示时间。

《知识点》

第一：jquery中可以直接针对群体元素进行任何控制。

第二：jquery中的所有事件都省略掉了on。

第三：jquery中如果希望在群体元素中筛选出某个 可以通过 eq过滤 格式是 $(‘div:eq(0)’)

第四：jq中的this必须用美元选出来。***不要忘

【分类学习jquery】

我们体验完jquery的强大以后我们就按部就班的分类来一步一步的学习jquery那么这其中我们只需要学会用jquery做到以下几类事情就可以了。

第一：用jq控制css；

第二：用jq控制html；

第三：用jq控制html属性；

第四：学习jquery动画。

【jquery控制css】

《核心函数》

Css（参数1，参数2） 表示单属性修改css；

参数1：表示css属性名；

参数2：表示属性值。

css({ k:’v’,k:’v’,..... }) 表示多属性修改css 一次可以修改所有css；

Css({ ‘k’:’v’ , ’k’:’v’ }) 简便书写方式可以简单记为所有的属性和值都加引号，好处是也可以有代码提示。 其中还有一个小技巧 像素的单位可以直接写数字省略px；

《css函数单属性访问》

格式： css(参数1) 当只填写一个参数的时候不表示修改，表示要访问到这个属性当前的值。

【jquery控制HTML】

《核心函数》

html(参数1) 作用 可以修改任何选中的标签内部的内容。 像js中innerHTML;

参数1：表示要修改的值。

《访问标签内部文本》

Html函数不填写任何的参数值的时候表示访问选中的标签内部数据。

【jquery控制html属性】

《核心函数》

attr(参数1，参数2) 作用修改制定的标签属性，在级别上它应该是大于css的。

参数1：表示标签属性名称。  例如 class，id，src，href，type

参数2：表示标签属性值。

《标签属性访问》

Attr属性填写两个参数值表示修改指定参数，填写一个参数值表示访问指定参数。它和css函数的使用方法一样。

【滑动切换动画】

slideUp() 表示向上滑动隐藏。

slideDown() 向下滑动显示。

slideToggle() 滑动切换。

总结：这组动画的函数的特点是默认就具备动画不需要填写毫秒值时间。但是如果觉得动画的速度不合适也可以通过毫秒值来控制。

【jquery的选择器】

《简介》

什么是jq的选择器？ 一提到选择器我们应该想到css的选择器，jq中也准备好了一套选择器系统，可以在整个网页文档中对任何的标签进行选择。然后给这些标签添加功能。

Jq的选择器是一个比较大的系统里面的内容较多，但是整体上一共可以分为三大类型。

《基础选择器》

一句话：css里面怎么选，到jquery里面照样可以怎么选。

基础选择器中只有3个特殊的需要我们单独记一下。

> 表示子代选择器。 只选中指定标签内部的第一级子代元素。

+ 表示相邻选择器。 作用选中指定标签其后紧挨着的唯一个元素。

~ 选中其后所有。

《过滤选择器》

特点：在jq当中所有的过滤选择器可以认为都以冒号开头。表示在指定的范围内进行过滤。

第一对：

：first 过滤范围内的第一个；

：last 范围内的最后一个；

对二对：

：even 过滤范围内的偶数个索引值。

：odd 过滤范围内的奇数个索引值。

第三组：

:eq() 过滤指定索引值的那个；

:gt() 过滤大于指定索引值的元素；

:lt() 过滤小于；

第四个单独的：

:not() 作用是在指定范围内排除某些元素。

《筛选选择器》

特点：jq当中所有的筛选选择器都必须要写在选择函数之外。 例如$().children();它的书写格式复合一个函数的使用语法。所以所有的筛选选择器都是函数。

在jq中筛选选择器主要学习其中的号称筛选三大巨头的函数。分别是 父子兄；

价值：因为筛选选择器表示的是一种标签之间的关系，所以他的价值在于将来可以和用户配合使用用户就是$(this);

parent() 表示选中指定元素的父级标签。

children() 表示选中指定元素的子级标签。

siblings() 表示选中指定元素所有的兄弟元素。

《知识点》

Jq一直在常识化简工作的一些方法，其中他独创了独有的链式编程思想。

什么是链式编程思想： 针对同一个目标进行的所有操作都可以在后面连续书写。

Jq动画的排队机制。

Jq里面所有的动画都遵循一个叫做排队机制的原理，意思是说所有的动画都会排队等待执行触发的越多排队越长。

解决方法排队机制本身是一个好东西但有的时候会造成麻烦。清空排队有一个好办法在执行的动画之前添加 stop()命令即可。 Stop（）作用表示清空排队。