juqery学习

下载jquery（已经含有node）

1. 创建页面，打开文件夹终端
2. 输入npm install jquery
3. 就会在目录下创建node_modules(依赖包)
4. 在里面会存在jquery与其他依赖包
5. 再文件中引入(这里根据自己的文件地址)

   <script src="node_modules\jquery\dist\jquery.min.js">				</script>
   

---

jquery入口函数

两种方式(DOM渲染结束之后即可执行内部代码，不需要等外部资源加载完成，jQuery已经完成了分装)

```js
$(document).ready(function()){
	$('div').hide();
}				  }
```

• $(function(){
  	$('div').hide();
  })
  

---

jQuery顶级对象$

1. $是jQuery的别称
2. $同时也是jQuery的顶级对象

---

jQuery对象与DOM对象（每个只能使用自己的方法）

1. 原生js方法获取的是DOM对象
   
2. jQuery获取的对象叫做jQuery对象，本质是$对DOM对象的包装后产生的对象（以伪数组形式储存）
   
3. jQuery对象与DOM对象转换
   • DOM转换为jQuery对象 转换方法

   var myVideo = document.querySelector('video')
   $(myVideo);
   

   • jQuery对象转换为DOM对象
     格式一：$('div')[index] index为索引号

   $('video')[0].open();
   

   格式二：$('div').get(index) index为索引号

   $('video').get(0).open();
   

---

1. jquery选择器
   
2. jquery隐式迭代（将匹配的所有元素遍历出来）
   $(div).css('属性'，‘值’)
3. 筛选选择器
   
4. 筛选方法
   
5. 图片（来源于w3school）