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()释放$的控制权。 - 参数类型不同时行为差异显著,需根据实际需求选择用法。






