jQuery(一)|jQuery 入门+jQuery常用API

本文全面介绍了jQuery的基础知识和高级技巧,包括jQuery的选择器、样式操作、效果动画、属性操作等内容,适合初学者快速上手及进阶学习。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

一. jQuery 入门

01. jQuery概述

1.1 JavaScript库
在这里插入图片描述
在这里插入图片描述
1.2 jQuery的概念
在这里插入图片描述
在这里插入图片描述
1.3 jQuery的优点
在这里插入图片描述

02. jQuery的基本使用

2.1 jQuery的下载
在这里插入图片描述
2.2 jQuery的使用步骤
在这里插入图片描述
2.3 jQuery的入口函数
在这里插入图片描述
在这里插入图片描述
2.4 jQuery的顶级对象$
在这里插入图片描述
在这里插入图片描述
2.5 jQuery对象和DOM对象
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

二.jQuery常用API

在这里插入图片描述
在这里插入图片描述

01. jQuery选择器

1.1 jQuery基础选择器
在这里插入图片描述
1.2 jQuery层级选择器
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
1.3隐式迭代(重要)
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
1.4 jQuery筛选选择器
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
1.5 jQuery筛选方法(重点)
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
1.6 jQuery里面的排他思想
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
1.7链式编程
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

02. jQuery样式操作

2.1操作css方法
在这里插入图片描述
在这里插入图片描述
2.2设置类样式方法
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
2.3类操作与className区别
在这里插入图片描述
在这里插入图片描述

03. jQuery效果

在这里插入图片描述
3.1显示隐藏效果
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
3.2滑动效果
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
3.3事件切换
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
3.4动画队列及其停止排队方法
在这里插入图片描述
在这里插入图片描述
3.5淡入淡出效果
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
3.6自定义动画animate
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

04. jQuery属性操作

4.1设置或获取元素固有属性值prop()
在这里插入图片描述
4.2设置或获取元素自定义属性值attr()
在这里插入图片描述
4.3数据缓存data()
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

05. jQuery内容文本值

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

06. jQuery元素操作

在这里插入图片描述
6.1遍历元素
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
6.2创建元素
在这里插入图片描述

6.3添加元素
在这里插入图片描述
在这里插入图片描述
6.4删除元素
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

07. jQuery尺寸、位置操作

7.1 jQuery尺寸
在这里插入图片描述
在这里插入图片描述
7.2 jQuery位置
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2009-01-29 15:06:40 +0800 + 工具里新增merge和param两个函数 * unique和trim的返回值有误 2009-01-28 16:46:25 +0800 * bind的说明里多了个I * hide,toggle的callback参数类型为FunctionFunction * show,hide,toggle的callback参数为(Optional)改为(可选) 2009-01-24 00:55:18 +0800 * [attribute!=value] jQuery 1.3.1中意义恢复 2009-01-21 20:23:38 +0800 * #4 关于1.3版的日期 (感谢liushuang630) * #5 die()的标题误为toggle() (感谢dadao5.com) * queue([name],callback) queue([name],queue)少参数 (感谢Horatio) 2009-01-19 00:00:10 +0800 + offsetParent() * closest() 说明 2009-01-18 16:06:52 +0800 * triggerHandler 进步说明 * trigger 进步说明 2009-01-17 22:37:11 +0800 * live() - 与bind()不同的是,live()次只能绑定个事件。 * [attribute!=value] jQuery 1.3中意义改变 * load 的data参数在jQuery 1.3中也可以接受String + ajax的error回调的第二个参数可能值"timeout", "error", "notmodified" 和 "parsererror" + ajax参数xhr * animate 的duration为0的问题 * show, hide, toggle, slideDown, slideUp, slideToggle 在jQuery 1.3中,padding和margin也会有动画,效果更流畅。 * jQuery(html,[ownerDocument])等效于$(document.createElement("span") * is支持复杂表达式 2009-01-17 18:31:10 +0800 + jQuery.support.scriptEval + 原 Dimension 插件功能(1.2.6版加入jQuery核心) 2009-01-16 19:11:10 +0800 + jQuery.fx.off + toggleClass( class, switch ) + toggle( switch ) + toggle(speed,[callback]) * 修改queue和dequeue方法的参数和说明 2009-01-15 22:31:02 +0800 * jQuery(html,[ownerDocument]) + jQuery.selector + jQuery.context * 效果下的queue和dequeue搬到核心下 + live() + die() + closest() * stop( [clearQueue], [gotoEnd]) 增加两个参数 + jQuery.support + jQuery.isArray( obj ) 2009-01-08 23:41:47 +0800 * index()重复的“值值” 2008-09-29 20:39:17 +0800 * ajax 中参数dataType部分修正 + ajax 中参数 beforeSend 如果返回false可以取消本次ajax请求。 * ajax 中参数success参数修正 2008-09-19 23:08:18 +0800 * keydown->keypress->keyup 2008-08-9 15:36:00 +0800 + 补全 $.get,$.post 第四个参数 type 2008-08-4 18:08:47 +0800 * html()示例错误 2008-08-1 01:35:58 +0800 * 修正removeClass示例错误 2008-07-31 17:12:28 +0800 * resize/unload/select三处示例代码错误 2008-07-30 23:49:35 +0800 * nextAll翻译细微优化 2008-07-27 23:26:19 +0800 * :checked中翻译错误 * :selected细微调整 - :selected中重复示例代码 + jQuery.ajax中增加dataFilter参数 2008-06-21 04:16:54 +0800 * pretend的第个示例结果错误 2008-06-19 19:52:29 +0800 * insertBefore 和 insertAfter 示例说明翻译错误。 + 事件>load 增加注释 2008-06-18 00:05:15 +0800 + $.ajax中新增3个参数,jsonp,password,scriptCharset 2008-06-17 19:43:30 +0800 * 核心>数据缓存> 第三部分应该 "removeDate(name)" * 修改date(name)里的代码注释个小错误 2008-06-11 19:26:37 +0800 * toggle保持与官网同步 2008-05-29 16:36:07 +0800 + 核心 部分 数据缓存 + 工具inArray函数 * noConflict注释 2008-05-27 22:48:24 +0800 + 更新ajax部分的内容,与官网保持致 2008-05-27 20:39:03 +0800 * 对scroll的示例代码错误的修正 * 由$(document).scroll();到$(window).scroll(); 2008-04-22 21:35:44 +0800 * 修改下小index示例 2008-04-19 13:14:10 +0800 * 修正agp001提出的siblings的示例代码错误 * 翻译$.get中漏翻的句 - 删除$.post的空示例 2008-03-29 13:14:02 +0800 全文替换1.1遗留下的@符号 jQuery(callback) 未翻译的翻译下 slice(start,[end]) 未翻译的翻译下 parent(expr) 例子中删除个body append(content) C要 css(name) 删除多余的<hr /> unbind([type],[data]) 代码注释翻译 change(fn) 未翻译的翻译下 click(fn) 常用的事件->几个事件的顺序 dblclick(fn) 未翻译的翻译下 focus() 未翻译的翻译下 scroll(fn 修正 submit(fn) select->submit toggle() 删除多余的<hr /> stop() 代码注释翻译
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值