JQ-2-JQ的知识总结

JQ的知识总结

假如你学过js就看一下，假如没有就看后面的

1.选择器

    匹配id元素$("#box"),匹配类名元素$(".box"),匹配所有标签元素$("div"),匹配所有元素$("*"),JS中的选择器在JQ中也适用，还有群组选择，后代选择等等

2.事件

    鼠标移入移出hover()，点击事件click()，双击事件dblclick()，获得失去焦点事件focus()/blur()，滚动事件scroll()，重置事件resize(),JQ的时间也很全面，和js也很相似大多数就是去掉了on。

3.动画效果

    显示与隐藏show()&hide()，显示与隐藏的切换toggle()，淡入淡出fadeIn()&fadeOut()，淡入淡出的切换fadeToggle() ，有透明度的淡入淡出fadeTo(speed,opacity,callback)，上下展开slideUp()&slideDown()，上下展开的切换slideToggle()，动画方法animate({json},speed,callback),停止动画stop()

4.CSS

    返回css属性css("属性")，设置css属性css（"属性","属性值"）或者css（{"":"","":"",json}）

5.定位

    返回或设置元素相对文本的偏移量offset(),返回 或设置 相对父元素的位置position()，返回 或设置元素垂直滚动的位置scrollTop(), 返回 或设置元素水平滚动的位置scrollLeft()

6.尺寸

    返回或者设置元素的宽度width()， 返回或者设置元素的高度height()， 返回或者设置元素的包含内边距宽度innerWidth()， 返回或者设置元素的 包含内边距 高度innerHeight()， 返回或者设置元素的包含内边距和边框宽度outerWidth()， 返回或者设置元素的 包含内边距和边框 高度outerHeight()

7.获取和设置

    获取和设置元素文本内容text()， 获取和设置元素所有内容html()， 获取和设置元素表单的值val(),获取属性attr()

8.添加和删除

    在选定的元素的结尾添加append()，添加到指定元素结尾appendTo()，在元素开头添加prepend()，添加到指定元素开头prependTo(),在选定元素之前或之后添加defore()&after(),删除元素remove(),删除元素属性removeAttr(),删除内容empty()

9类名

    addClass()添加一个类名，removeClass()移出类名，类名的添加删除切换toggleClass().

10.遍历和过滤

parent()直接父元素,parents()所有父元素,parentsUntil()介于元素之间的父元素,children()所有直接子元素,find()所有子元素，siblings()所有兄弟元素,each()循环元素,hasClass()有类名,next()下一个同胞,

prev()上一个同胞,eq()指定特定元素,都可以进行特定筛选。

11.ajax