1.
使用
jQuery
,首先要将
jQuery
库引入。使用如下语句:
<script type="text/javascript" src="js/jquery-3.4.1.js"></script>
2. $(document)
,将
DOM
对象
document
转换为
jQuery
对象。
$(document).ready()函数是当
DOM
对象加载完毕后,马上执行的函数。
$(document).ready()
与
$()
、
jQuery()
、
window.jQuery()
是等价的,所以
$(document).ready()
可以
。写成
$(function() { alert(“Hello jQuery”) } );
2.1.6 DOM 对象和 jQuery 对象
DOM
对象是用
JavaScript
语法创建的对象,也看做是
js
对象。
1. DOM
对象转换
jQuery
对象:
使用
$(DOM
对象
)
方式,可以
DOM
对象转换为
jQuery
对象, 转换为
jQuery
对象才可以
使用
jQuery
中的提供的方法,操作
DOM
对象。一般情况下,在命名
jQuery
对象时,为了
与
DOM
对象进行区分,习惯性的以
$
开头,这不是必须的。
例:
新建
html
页面文件
domTojQuery.html
1.
页面加入按钮
button
![](https://i-blog.csdnimg.cn/blog_migrate/c1f0dfc858f4ff3dfba91f8ec34f4a3f.png)
2.转换 DOM 对象
2. jQuery 对象转为 DOM 对象
jQuery
对象本身为数组对象,该数组中的第
0
个元素即为该
jQuery
对象对应的
DOM
对象。所以有两种方式可以获取到
DOM
对象:
get(0)
方式与下标
[0]
例:新建
html
文件
jQueryToDom.html
1.
页面添加
text
,
button
![](https://i-blog.csdnimg.cn/blog_migrate/b208469b5a584b6742fa851c4c618443.png)
2. jQuery 对象.get(0) 或 jQuery 对象[0] 均可完成 jQuery 对象转 DOM 对象