jquery $ 参数

jQuery $ 参数详解

jQuery的核心是通过$或jQuery函数来操作DOM或执行其他功能。$函数的参数灵活多样，常见用法如下：

选择器字符串

传递CSS选择器字符串，返回匹配的jQuery对象：

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

DOM元素

传入原生DOM元素，将其转换为jQuery对象：

const elem = document.getElementById('myElement');
$(elem).hide(); // 转换为jQuery对象后调用方法

HTML字符串

传入HTML字符串，创建新的DOM元素：

$('<div>New Element</div>').appendTo('body'); // 创建并插入元素

函数

传入函数作为参数，等同于$(document).ready()的简写：

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

对象或数组

处理普通对象或数组时，会将其包装为jQuery对象：

$({ key: 'value' }).data('key'); // 对象处理
$([1, 2, 3]).each(function() { /* 迭代数组 */ });

上下文参数（第二个参数）

可指定搜索的上下文范围：

$('li', $('ul.active')) // 仅在ul.active中查找li元素

扩展参数（插件开发）

通过$.extend扩展$的功能：

$.fn.myPlugin = function(options) {
  const settings = $.extend({ default: true }, options);
  // 插件逻辑
};

注意事项

• 避免与其他库的$冲突，可通过jQuery.noConflict()释放$的控制权。
• 参数类型不同时行为差异显著，需根据实际需求选择用法。