JQuery基本使用

JQuery中常见的两种入口函数：

1
2
3
4
5
6
7
8

第一种：简单易用
$(function () {
    ... // 此处是页面DOM加载完成的入口
})
第二种：繁琐，（不推荐）
$(document).ready(function() {
    ... 此处是页面DOM加载完成的入口
})

JQuery中的顶级对象$:

$是JQuery的顶级对象，相当于原生JavaScript中的window。把元素利用*包装成JQuery对象。

JQuery对象和DOM对象：

JQuery方法和原生js获取的元素是不一样的：

​ 1.用原生的js获取来的对象就是DOM对象

​ 2.JQuery方法获取的元素就是JQuery对象

JQuery对象本质是：利用$对DOM对象包装后产生的对象（伪数组形式存储）

注：只有JQuery对象才能使用JQuery方法，DOM对象册使用原生的JavaScript方法.常用的是把DOM对象转换为JQuery对象

JQuery对象和DOM对象转换：

原生的一些属性和方法JQuery没有封装，需将JQuery对象转换为DOM对象才能使用

1
2
3
4
5
6

// 1.DOM对象转换成JQuery对象
  var box = document.getElementById('box') // 获取
  var JQueryObject = $(box) // 把DOM对象转换为JQuery对象
// 2.JQuery对象转换为DOM对象
  var domObject = $('div')[0] // 第一种
  var domObject = $('div').get[0] // 第二种