jQuery第一天学习心得

jQuery 第一天学习心得

1.jQuery 概念
jQuery是js实现的一个库，特点 Write Less，Do More”,即写的少，做的多
2.jQuery入口函数
第一种：

   $(function () {
      
    ...  // 此处是页面 DOM 加载完成的入口
 }) ; 

   第二种：

 $(document).ready(function(){
   
   ...  //  此处是页面DOM加载完成的入口
});  

注意：$可换成jQuery。

1. 等着 DOM 结构渲染完毕即可执行内部代码，不必等到所有外部资源加载完成，jQuery 帮我们完成了封装。
2. 相当于原生 js 中的 DOMContentLoaded。
3. 不同于原生 js 中的 load 事件是等页面文档、外部的 js 文件、css文件、图片加载完毕才执行内部代码。
4. 更推荐使用第一种方式。
5. jQuery中$和jQuery是一回事儿，是jQuery中的顶级对象（本质是一个方法）。可以用 === 判断，也可以查看源码，两个符号完全相同

3.jQuery元素与dom元素的区别
jQuery 对象封装了dom对象，jquery是伪数组，里面包含dom元素

1. 用原生 JS 获取来的对象就是 DOM 对象
2. jQuery 方法获取的元素就是 jQuery 对象。
3. jQuery 对象本质是： 利用$对DOM 对象包装后产生的对象（伪数组形式存储）。

注意：

只有 jQuery 对象才能使用 jQuery 方法，DOM 对象则使用原生的 JavaScirpt 方法。

4.jquery元素与dom元素的转换

• jquery元素只能使用jquery元素的的方法，不可使用dom元素方法
• dom元素只能使用dom元素即原生js的方法，不可使用jquery元素的方法
  所以若想让jquery元素使用dom元素的方法，或者dom元素使用jquery元素的方法需要转换
• DOM 对象与 jQuery 对象之间是可以相互转换的。因为原生js 比 jQuery 更大，原生的一些属性和方法 jQuery没有给我们封装. 要想使用这些属性和方法需要把jQuery对象转换为DOM对象才能使用

// 1.DOM对象转换成jQuery对象，方法只有一种
var box = document.getElementById('box');  // 获取DOM对象
var jQueryObject = $(box);  // 把DOM对象转换为 jQuery 对象

// 2.jQuery 对象转换为 DOM 对象有两种方法：
//   2.1 jQuery对象[索引值]
var domObject1 = $('div')[0]

//   2.2 jQuery对象.get(索引值)
var domObject2 = $('div').get(0)

• 总结：实际开发比较常用的是把DOM对象转换为jQuery对象，这样能够调用功能更加强大的jQuery中的方法。

5.jquery常用选择器

jQuery中选择器分为哪三种：基础选择器、层级选择器、筛选选择器

• 基础选择器
  

• 层级选择器
  

• 筛选选择器
  
  6.jquery使用方法赛选元素

• jquery只用一个属性：length

• 其余都是jquery方法