jquery 变量

jQuery 变量基础

在jQuery中，变量通常用于存储DOM元素、jQuery对象或数据。使用$符号定义的变量是jQuery的常见约定，但本质仍是JavaScript变量。

声明变量
通过var、let或const声明变量，存储jQuery对象：

const $element = $('#myElement'); // 存储jQuery对象
let textValue = $element.text();  // 存储普通数据

变量命名约定

• 以$前缀命名变量（可选），表明存储的是jQuery对象：

  const $buttons = $('.btn'); // jQuery对象集合

变量操作示例

DOM元素存储
通过选择器获取元素并存储为变量：

const $header = $('header');
$header.css('background-color', 'blue');

链式操作
变量允许复用jQuery对象以简化代码：

const $items = $('.list-item');
$items.addClass('active').fadeOut(300);

注意事项

• 变量作用域：使用let或const避免全局污染，替代var。
• 性能优化：重复使用的jQuery对象应存储为变量，减少DOM查询次数。
• 释放内存：不再需要的变量可赋值为null：

  $element = null; // 释放引用