7操作类,HTML代码,文本
addClass() 添加类名
removeClass() 删除类名
toggleClass() 切换类名(有则删除没有则添加)
html()与"innerHTML()"一样
text()与"innerText()"一样
Val() 设置value属性
8css样式
css(name,value) 设置css样式
1. 逐个设置
2. 链式设置: $().css().css()
3. 批量设置: $().css({name1:value1, name2:value2});
位置:
offset({top,left}):获取元素距离窗口偏移位,可以设置定位
position():获取元素距离定位元素偏移位,不能设置定位
9事件绑定
绑定: 1. event(function(){})
2. on(event,function(){})
解绑:off()解除所有事件
off(event)解除所有指定类型的事件
阻止事件冒泡:1.return false
2.event.stopProgation()
阻止默认行为:1 return false
2event.preventDefault()
自动触发:1.trigger(event) 2.triggerHandler(event)
区别:trigger会触发事件冒泡和默认行为(a除外),而triggerHandler则不会
自定义事件:通过triggle触发。
10事件委托
事件委托:由于jQuery一开始加载HTML元素,导致后来加进来的节点会无法响应事件,可以委托子元素给父元素进行。(事件冒泡原理)
parent.delegate(son,event,function) //使用前提是该节点已经存在
11其他事件与动画
鼠标移入移出事件:1mouseenter()、mouseleave()
2mouserover()、mouseout()
区别:moverover和mouseout()当子元素发生时会发生父元素事件
3hover(function1,function2),该方法相当于moverenter和mouleave,包括移入和移出。
动画:slideDown(spend) 淡入
slideUp(spend) 淡出
自定义动画:animate(object,time,easing,function)//对象(改属性)、时长、节奏、回调函数
stop()立即停止当前动画,继续执行后续的(可用来阻止动画队列)
delay(time)用于高速系统延迟时长。
12节点操作
插入节点:内部:
present.append(节点)
节点.appendTo(present)
prepend和prependTo与其相同
append会把节点插入内部最前面,而prepend则会把节点插入内部最后面。
外部:
after,before
删除元素:remove()删除整个元素
empty()清除元素内容
复制节点:clone(false) 浅复制,不复制事件
clone(true) 深复制,复制事件。