jQuery1基础知识1.1基本概念jQuery是JS库,能够帮助我们轻松实现一些原本比较麻烦的功能jQuery每个版本分两个小版本:压缩版与未压缩版,压缩版文件较小,但是没有排版和注释不便于阅读;未压缩版文件较大,有排版和注释,便于阅读jQuery实际上就是一个js文件,加载到页面就可以直接使用了 也可以通过CDN(ContentDistrubute Net)来引用jquery1.2基本语法
(
选
择
器
)
.
a
c
t
i
o
n
(
)
;
(选择器).action();
(选择器).action();:定义了这是一个Jquery的代码选择器:按照一定规则选择DOM元素,于CSS选择器非常类似Action:对选中的元素执行的操作 JQuery可以极大的简化程序员的工作2选择器基本选择器:(1)id选择器KaTeX parse error: Expected 'EOF', got '#' at position 3: (“#̲idName”)(2)类选择器(“.className”)(3)元素选择器
(
“
T
a
g
N
a
m
e
(
标
签
名
)
”
)
(
4
)
选
择
所
有
元
素
(“TagName(标签名)”)(4)选择所有元素
(“TagName(标签名)”)(4)选择所有元素(“*”)(5)选择器分组
(
“
选
择
器
1
,
选
择
器
2
,
选
择
器
N
”
)
层
次
选
择
器
:
(
1
)
后
代
元
素
(“选择器1,选择器2,选择器N”)层次选择器:(1)后代元素
(“选择器1,选择器2,选择器N”)层次选择器:(1)后代元素(“祖先元素后代元素”)(2)子元素
(
“
父
元
素
>
子
元
素
”
)
(
3
)
下
一
个
兄
弟
元
素
(“父元素>子元素”)(3)下一个兄弟元素
(“父元素>子元素”)(3)下一个兄弟元素(“前一个+后一个”)(4)下面所有兄弟元素$(“前一个~后边所有”)过滤选择器:参见JqueryAPI选择p标签的第一个 选择所有具有name属性的标签 选择name属性等于#的标签 3事件3.1什么是事件页面对不同访问者的相应叫做事件事件处理程序指的是当HTML中发生某些事件时所调用的方法3.2常见DOM事件
鼠标事件:Click:单击事件Dblclick:双击事件Mouseenter:鼠标移入Mouseleave:鼠标移出Hover:模仿悬停事件键盘事件:Keypress:键盘编码Keydown:按下Keyup:抬起表单事件:Submit:表单提交事件Change:表单改变事件Focus:获得焦点事件Blur:失去焦点事件窗口/文档事件:Load:加载完触发Resize:调整窗口大小触发Scroll:滚动窗口触发Unload:关闭窗口触发
jquery
最新推荐文章于 2024-04-03 23:30:00 发布