jQuery知识点整理~超全面超重点

        jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(框架)于2006年1月由John Resig发布。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。

JQ选择器:

:first 第一个

:last 最后一个

:eq(0) 获取指定位置

:even 获取从偶数开始的元素

:odd  获取从奇数开始的元素

JQ样式与类的操作:

.css('') 一个样式

.css([]) 多个样式

.addclass('') 添加样式

.removeclass('')删除样式

.toggleclass('')切换样式

JQ事件:

.ready() 绑定一个事件

简洁写法:

 $(function(){})

.click(function(){}) 绑定事件

$xxx.click() xxx为标签 事件触发

$('.box').on('事件类型',回调函数) 一个事件

$('选择器').on({事件一:回调一,事件二:回调二...}) 多个事件

$('父元素选择器').on('事件类型','筛选选择器',回调函数) 事件委托

$box.off('click',click4) 事件解绑

$box.off() 解绑所有事件

JQ动画:

.hide('')隐藏 normal 普通 fast 快速 slow 缓慢

.toggle('')切换

.show('')展开

动画展开:

.slideUp('') 收起来

.slideDowo('')

.slideToggle('')切换效果  swing 有块有慢 linear 匀速

动画谈入/出:

opcaity(0~1)

.fadeOut() 谈出

.fadeToggle() 切换效果

.fadeTo()

动画清除:

.stop()

JQ节点:

$('选择器').prepend() 第一个子元素

.append() 插入内部

.after()给元素添加后一个元素

.before()添加前一个元素

.replacewith() 节点替换

文本节点:

.text() 修改文本

.html()修改文本

.val()针对value 改变value值

节点列选:

.parent() 筛选节点

.prev()找上级

.next()找下级

.nextAll()所有下级

.prevAll()所有上级

.siblings()找剩下的节点

.children()所有子元素

.find()找后代

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值