jQuery学习笔记(2)

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) 深复制,复制事件。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值