jQuery入门基础

jQuery是什么

jQuery的安装

语法

jQuery 语法

jQuery对象转换成原生的Dom对象

通过get方法

通过下标的形式

原生Dom对象转jQuery对象

文档就绪事件

jQuery是什么

jQuery是一个javaScript函数库。

jQuery是一个轻量级的"

写的少，做的多

"的JavaScript库。

jQuery库包含以下功能：

HTML 元素选取

HTML 元素操作

CSS 操作

HTML 事件函数

JavaScript 特效和动画

HTML DOM 遍历和修改

AJAX

Utilities

除此之外，Jquery还提供了大量的插件。

jQuery的安装

所谓安装就是使用script标记引入jquery类库。

1 使用CDN

1

2.使用本地化的文档

把文档放入到本地文件夹中，然后导入。

1

语法

通过 jQuery，您可以选取（查询，query） HTML 元素，并对它们执行"操作"（actions）。

jQuery 语法

jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。

基础语法： $(selector).action()

美元符号定义 jQuery

选择符（selector）“查询"和"查找” HTML 元素

jQuery 的 action() 执行对元素的操作

jQuery对象转换成原生的Dom对象

通过get方法

console.log($('#d1 span').get(0).innerText)

1

通过下标的形式

console.log($('#d1 span')[0].innerText)

1

原生Dom对象转jQuery对象

使用$()包裹，即可转换成jQuery对象

console.log($(d1).text())

1

样例代码：

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

效果截图：

alert属于阻塞函数，所以会先弹出提示框，此时也证明文档已经准备就绪了，此时由于被阻塞所以修饰并没有生效。

当我们点击确认后，修饰生效。

看完如果对你有帮助，感谢支持！

如果你是电脑端，看到右下角的 “

一键三连

” 了吗，没错点它[哈哈]

加油！

共同努力！

Keafmd

JavaScript jQuery

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。