jquery常用方法-01（待续）

什么是jQuery
jQuery是一个兼容多浏览器的javascript库，核心理念是write less,do more(写得更少,做得更多)。
jQuery，顾名思义，也就是JavaScript和查询（Query），jQuery是免费、开源的。它可以简化查询DOM对象、处理事件、制作动画、处理Ajax交互过程。
JQ选择器
jq选择器是jq最核心的内容，大大简化的了dom对象的查询

ID选择器$(“#box”)
类名选择器：$(“.box”)
标签选择器：$(“div”)
通配符选择器：$(“*”)
群组选择器：$(“div, p, a”)
后代选择器：$(“#box  p”)

JQ 操作dom属性

  attr(name,value|)：//设置或返回被选元素的属性值
  $('.box').attr('name','test1') //为类名为box的元素设置name属性，属性值为test1
  $('.box').attr('name'); //返回第一个类名为box的元素的name属性
  //注意jq中的设置方法一般都可以为全部选中的元素设置，也就是说atrr方法内部自带了循环操作
 //而获取方法一般只能 获取第一个选中的元素
  removeAttr(name)：从每一个匹配的元素中删除一个属性
  $('.box').removettr('name') //删除所有类名为box的name属性

jq中操作类名

addClass(class) ：为每个匹配的元素添加指定的类名。
removeClass(class) ：从所有匹配的元素中删除指定的类。
toggleClass(class)：如果存在（不存在）就删除（添加）一个类。
$('.box').addClass('item')
$('.box').removeClass('item')
$('.box').toggleClass('item')

操作CSS

jq 中只有一个方法$('.box').css()
css(name,[val])：访问匹配元素的样式属性。
例：
$('.box').css('width',100)
//将类名为box的元素宽度设置为100
$('.box').css('width')
//获取第一个类名为box的元素的宽度

操作内容：

html()：获取或者设置元素的html内容
text()：获取或者设置元素的文本内容
val()：获取或者设置输入框的内容
$('.box').html();//获取
$('.box').html('aaa')//设置
$('.box').text();//获取
$('.box').text('aaa');//设置
$('.ipt').val();//获取
$('.ipt').val('aaa');//设置

操作尺寸：

height([val])：取得匹配元素当前计算的高度值（px）。
width([val])：取得第一个匹配元素当前计算的宽度值（px）。
innerHeight()：获取第一个匹配元素内部区域高度（包括补白、不包括边框）。此方法对可见和隐藏元素均有效。
innerWidth()：获取第一个匹配元素内部区域宽度（包括补白、不包括边框）。此方法对可见和隐藏元素均有效。
outerHeight()：获取第一个匹配元素外部高度（默认包括补白和边框）。此方法对可见和隐藏元素均有效。
outerWidth()：获取第一个匹配元素外部宽度（默认包括补白和边框）。此方法对可见和隐藏元素均有效
offset([coordinates])：获取匹配元素在当前视口的相对偏移。返回的对象包含两个整型属性：top 和 left，以像素计。方法只对可见元素有效。
position()：获取匹配元素相对父元素的偏移。返回的对象包含两个整型属性：top 和 left。此方法只对可见元素有效。

JQ动画

show([speed, [easing], [callback]])：显示隐藏的匹配元素。
hide([speed, [easing], [callback]])：隐藏显示的元素。
toggle([speed, [easing], [callback]])：如果元素是可见的，切换为隐藏的，如果元素是隐藏的，切换为可见的。

speed：三种预定速度的字符串（slow、normal、fast）或者动画时长的毫秒数值。
easing：指定切换效果，默认是swing，可用linear。
callback：在动画完成时执行的函数，每个元素执行一次。
运动过程中：改变width、height、margin、padding、opacity属性值。

slideDown([speed, [easing], [callback]])：通过高度变化（向下增大）来动态的显示所有匹配的元素，显示完成后可选的触发一个回调函数。
slideUp([speed, [easing], [callback]])：通过高度变化（向上减小）来动态的隐藏所有匹配的元素，隐藏完成后可选的触发一个回调函数。
slideToggle([speed, [easing], [callback]])：通过高度变化来切换所有匹配元素的可见性，切换完成后可选的触发一个回调函数。

speed：三种预定速度的字符串（slow、normal、fast）或者动画时长的毫秒数值。
easing：指定切换效果，默认是swing，可用linear。
callback：在动画完成时执行的函数，每个元素执行一次。
运动过程中：改变height、margin-top、margin-bottom、padding-top、padding-bottom属性值。

fadeIn([speed, [easing], [callback]])：通过不透明度的变化来实现所有匹配元素的淡入效果，动画完成后可选的触发一个回调函数。
fadeOut([speed, [easing], [callback]])：通过不透明度的变化来实现所有匹配元素的淡出效果，动画完成后可选的触发一个回调函数。
fadeTo([speed, opacity, [easing], [callback]])：把所有匹配元素的不透明度以渐进方式调整到指定的不透明度，动画完成后可选的触发一个回调函数。opacity：一个0到1之间表示透明度的数字。
fadeToggle([speed, [easing], [callback]])：通过不透明度的变化来开关所有匹配元素的淡入淡出效果，动画完成后可选的触发一个回调函数。

speed：三种预定速度的字符串（slow、normal、fast）或者动画时长的毫秒数值。
easing：指定切换效果，默认是swing，可用linear。
callback：在动画完成时执行的函数，每个元素执行一次。
注：fadeIn、fadeout、fadeToggle，运动过程中修改opacity属性值，最终只修改display属性值。而fadeTo只修改opacity属性值。

animate(params, [speed], [easing], [fn])：用于创建自定义动画的函数。

params：一组包含作为动画属性和终值的样式属性和及其值的集合。
speed：三种预定速度的字符串（slow、normal、fast）或者动画时长的毫秒数值。
easing：指定切换效果，默认是swing，可用linear。
fn：在动画完成时执行的函数，每个元素执行一次。

stop(clearQueue, [jumpToEnd])：停止所有在指定元素上正在运行的动画。

如果clearQueue没有设置为true，并且队列中有等待执行的动画，他们将马上执行。
clearQueue：如果同一元素调用多个动画方法，尚未被执行的动画被放置在元素的效果队列中。这些动画不会开始，直到第一个完成。调用stop()的时候，队列中的下一个动画开始。如果clearQueue参数为true，那么在队列中的动画其余被删除并永远不会被执行。
jumpToEnd：当前动画将停止，但该元素上的CSS属性会被立刻修改成动画的目标值。

delay(duration)：设置一个延时来推迟执行队列中之后的项目。

duration：延迟时间，单位：毫秒。