jQuery 基础用法

jQuery 基础用法

工厂函数

在 jQuery 当中 jQuery() 被称为工厂函数，是 jQuery 操作的入口。

工厂函数的具体写法有两种：

• $(selector/element)

<button id="btn">按钮</button>

var btn = document.getElementById('btn');
console.log(btn);

• jQuery(selector/element)

<button id="btn">按钮</button>

var btn = jQuery('#btn'); 
var btn = $('#btn');
console.log('btn');

返回值：jQuery() 对象

在 jQuery 核心库中有 window.jQuery = window.$ = jQuery 所以 $ 和 jQuery 的含义是一致的。

对象转换

在 jQuery 中提供了可以将 DOM 对象转换为 jQuery 对象的方法：

1. 将 DOM 对象转换为 jQuery 对象 - 工厂函数：

var $btn = $(btn);
console.log($btn);

2. 将 jQuery 对象转换为 DOM 对象分为两种方式：

• jQuery 对象是一个类数组对象：jQuery 对象[索引值]

var btn = $btn[0];
console.log(btn);

• jQuery 对象提供了 get(index) 方法，index 表示索引值

var btn = $btn.get(0);
console.log(btn);