jquery 中的$

jQuery 中的 $ 符号

在 jQuery 中，$ 符号是 jQuery 的别名，两者完全等价。$ 是一个函数，用于选择 DOM 元素或创建 jQuery 对象。

$ 的基本功能

1. 选择元素
   $ 可以接受 CSS 选择器作为参数，返回匹配的 jQuery 对象。例如：

   $('div') // 选择所有 div 元素
   $('#myId') // 选择 id 为 myId 的元素
   $('.myClass') // 选择 class 为 myClass 的元素

2. DOM 就绪事件
   通过 $(document).ready() 或简写的 $() 确保代码在 DOM 加载完成后执行：

   $(function() {
     // DOM 加载完成后执行的代码
   });

3. 创建 DOM 元素
   传递 HTML 字符串给 $ 可以动态创建元素：

   $('<div>Hello</div>').appendTo('body');

4. 封装 DOM 对象
   将原生 DOM 对象传递给 $ 可以将其转换为 jQuery 对象：

   $(document.getElementById('myId'));

$ 冲突处理

如果其他库（如 Prototype.js）也使用了 $，可以通过 jQuery.noConflict() 释放 $ 的控制权：

var jq = jQuery.noConflict(); // 之后用 jq 代替 $
jq('div').hide();

$ 的高级用法

1. 链式调用
   jQuery 方法通常返回 jQuery 对象，支持链式调用：

   $('div').addClass('active').css('color', 'red');

2. 扩展功能
   可以通过 $.fn 扩展 jQuery 的方法：

   $.fn.myPlugin = function() {
     return this.each(function() {
       console.log($(this).text());
     });
   };

3. 工具方法
   $ 还提供了一些实用工具方法，如 $.each、$.ajax：

   

   $.each([1, 2, 3], function(index, value) {
     console.log(value);
   });

注意事项

• $ 是函数而非变量，调用时需加括号。
• jQuery 对象与原生 DOM 对象不同，原生对象需用 $() 封装后才能调用 jQuery 方法。
• 现代开发中，原生 JavaScript 的 querySelector 和 fetch 已部分替代 jQuery 的功能。