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()找后代
相关内容
这些是最新的
热门排行
- THINKPHP5+GatewayWorker+Workerman 开发在线客服系统
- 在手机浏览器网页中点击链接跳转到微信界面的方法
- 尊云网站目录系统 ThinkPHP5网站分类目录程序 v2.2.221011
- CentOS 7安装shadowsock(一键安装脚本)
- AdminTemplate 基于LayUI 2.4.5实现的网站后台管理模板
- 用NW.js(node-webkit)开发多平台的桌面客户端
- PHP生成随机昵称/用户名
- THINKPHP5网站分类目录程序 尊云网站目录系统
- 织梦(DEDECMS)微信支付接口 微信插件
- 基于LayUI开发的 网站后台管理模板 BeginnerAdmin
- 响应式后台网站模板 - AMA.ADMIN
- layuiAdmin后台管理模板 Iframe版
- LayUI 1.0.9 升级 至 LayUI 2.1.4 方法
- 简洁清爽的会员中心模板
- jQuery幸运大转盘抽奖活动代码