jquery中 =

jQuery 中的 = 操作符

在 jQuery 中，= 是 JavaScript 的基本赋值操作符，用于将右侧的值赋给左侧的变量或属性。jQuery 本身并未对 = 进行特殊扩展或重载，其行为与原生 JavaScript 完全一致。

常见用法示例

变量赋值

var element = $('.example'); // 将 jQuery 对象赋给变量

属性赋值

$('#target').attr('data-value', '123'); // 通过方法间接赋值
$('#input').val('text'); // 设置表单元素的值

动态修改样式

$('.box').css('color', 'red'); // 使用 css() 方法而非直接赋值

与 == 和 === 的区别

• = 是赋值操作符。
• == 是宽松相等比较（会进行类型转换）。
• === 是严格相等比较（不进行类型转换）。

var a = $('.item').length; // 赋值
if (a == '5') { /* 宽松比较 */ }
if (a === 5) { /* 严格比较 */ }

注意事项

1. 链式操作
   jQuery 方法通常返回对象本身，支持链式调用，但 = 会中断链式操作：

   var result = $('div').hide().addClass('hidden'); // 链式调用

2. 对象引用
   使用 = 赋值的是引用而非副本，修改会影响原始对象：

   

   var $original = $('.list');
   var $copy = $original; // 同一对象的引用
   $copy.addClass('modified'); // 会影响 $original

3. 深拷贝
   需要复制对象时，可使用 .clone() 等方法：

   var $cloned = $('.item').clone(true); // 深度复制 DOM 元素

特殊场景

数据缓存赋值
使用 .data() 方法而非 = 操作符：

$('#elem').data('key', 'value'); // 正确方式
// 而非 $('#elem').data.key = 'value';

事件处理
避免直接赋值事件属性（如 onclick=），优先使用 jQuery 方法：

$('#btn').click(function() { ... }); // 推荐方式
// 而非 document.getElementById('btn').onclick = function() { ... };