jQuery基础
jQuery是一个快速、简洁的JavaScript框架,它封装了JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互等
引入jQuery
- 本地引入
- 使用CDN引入
jQuery版本
- x:兼容所有浏览器,使用最为广泛
- x:不兼容IE6/7/8,很少使用
- x: 不兼容IE6/7/8, 最新版,功能更多,但很多jQuery插件不兼容新版
CDN
CDN(Content Delivery Network),即内容分发网络,依靠部署在各地的边缘服务器,通过中心平台进行内容分发,使用户就近获取所需资源,提高用户的访问速度
- 不使用CDN,用户直接请求服务器获取资源,若地域距离较远,则访问速度相对减慢
- 使用CDN,通过CDN向用户分发内容,用户直接从最近的服务器获取资源,访问速度较快
国内:https://www.bootcdn.cn/
国外:https://cdnjs.com/
jQuery对象
jQuery对象可以使用jQuery的附加功能,在操作时更加方便
jQuery对象与js对象方法不通用
两者可以相互转换
JS对象→JQ对象
$(js对象)
JQ对象→JS对象
jq对象[索引]或jq对象.get(索引)
入口函数
js:window.οnlοad=函数名/匿名函数
jq:
(
d
o
c
u
m
e
n
t
)
.
r
e
a
d
y
(
函
数
名
/
匿
名
函
数
)
简
写
:
(document).ready(函数名/匿名函数) 简写:
(document).ready(函数名/匿名函数)简写:().ready(函数名/匿名函数)
简写:$(函数名/匿名函数)
区别
window.onload 只能绑定一个函数,且必须等待网页中所有内容加载完毕
$(document).ready() 可以绑定多个函数,当DOM结构加载完毕就执行
$(window).load()执行时机与window.onload相同
jQuery基本使用
jQuery 使用 CSS 选择器来选取 HTML 元素
$(‘CSS选择表达式’)
表达式需加引号
返回的是单个元素或元素组
jQuery 基本方法text()、html()、val()
对应innerText、innerHTML、value
获取:括号内不加参数
修改:括号内加参数
若jQuery对象为元素组,则修改该对象对所有元素