JavaScript库
对原生js进行封装,包含一些函数(方法),可以实现某些功能的js文件。
包括:jQuery Prototype YUI Dojo ExtJS zepto
jQuery
用法:
(1) 引入html文件,在head部分引入
<script src="jquery.js"></script> //该js文件是自己命名的,内容在官网下载(https://jquery.com/)
(2)
$(function {
$('div').hide();
})
DOM对象和jQuery对象的区别:
(1) DOM对象:用原生js获取的对象
var myDiv=document.querySelector('div')
jQuery对象:用jQuery方法获取的对象,得到一个伪数组在这里插入代码片
,其本质是利用$对DOM对象进行包装后产生的对象
$('div')
(2)两种对象只能用相对应的方法,jQuery对象只能用jQuery方法,DOM对象只能用DOM方法
$('div').hide();
myDiv.style.display='none';
(3)两种对象相互转换
DOM->jQuery:
$('div')
或
$(myDiv)
jQuery->DOM:
$('div').get(0)
或
$('div').[0] // [] 和()里均为索引号