jQuery小结

1.jquery是一份js 提供了方便的dom操作

2. 四条规则

（1）jquery提供了一个对象 叫$

（2）通过 $(‘选择器’) 可以得到jq对象

（3）只有jq对象才能使用jq方法

（4）Jq的方法总会返回调用它的jq对象

3.学习各种各样的选择器

4.学习jquery提供的各种方法 （动画，dom操作类的，ajax，添加事件的）

（1）动画类 show() hide() toggle() slideDown() slideUp() slideToggle() fadeIn() fadeOut()

Animate 动画队列 停止动画的方法 stop() stop(true) finish()

（2）dom操作类

①增 删 改 查

② 元素的属性 attr() prop()

③ 元素的内容 html() text() val()

④ 元素的样式 css() width() innerWidth() outerWidth() outerWIdth(true)

⑤元素的位置 offset() position()

⑥滚动条 scrollLeft() scrollTop() $(‘html,body’).animate({scrollTop:300});

（3）添加事件

$el.事件类型为方法名();

Bind() unbind() on(事件委托) off()

Mouserover mouseout 有bug 用mouseenter mouserleave

事件对象： 获取方式

①发生事件的位置 ev.target()

②鼠标的坐标 ev.clientX() ev.clientY()

③键盘的code值： ev.keyCode()

④阻止默认事件 ev.preventDefault()

⑤阻止冒泡 ev.stopPropagation();