一、jQuery是一个轻量级的JS库，是一个被封装好的JS文件，提供了更为简便的元素操作方式。
jQuery封装了DOM
jQuery核心理念：Write Less Do More（简单来说就是：少写多做）
二、使用jQuery
1、引入jQuery文件
<script src=''jquery-1.11.3.js''></script>
注意：该文件的引入操作必须要放在其他的jQuery操作之前
2、jQuery对象
jQuery对象是由jQuery对页面元素进行封装后的一种体现，jQuery中所提供的所有操作都只针对jQuery对象，其他对象（DOM）无法使用
3、工厂函数 -----$()
想要获取jQuery对象的话，必须使用工厂函数$()
在$()中允许传递一个选择器/DOM对象作为参数，$()能够将选择器和DOM对象全部封装成jQuery对象再进行返回。
示例：
<html lang='en'>
<head>
<meta charset=''UTF-8''>
<title>Document</title>
</head>
<body>
<div id=''main''>
这是id为main的div
</div>
<button οnclick="fun()">获取元素</button>
<script src=''jquery-1.11.3.js''></script>
<script>
function fun(){
var a = $("main");#通过jquery选择器获取id为main的元素
console.log(m)
</script>
</body>
</html>
三、DOM与jQuery
1、DOM对象和jQuery对象之间的转换：
DOM对象：不能使用jQuery提供的操作
jQuery对象：不能使用DOM提供的操作
DOM ---> jQuery:
var 变量名 = $(DOM对象）
注意：所有的jQuery对象在起名的时候，最好在变量前加$,主要用于和DOM对象区分。
jQuery -----> DOM:
第一种方法：
var dom对象 = jQuery对象[0];
第二种方法：
var dom对象 = jQuery对象.get(0);
扫一扫
674
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
