jQuery中$()函数的7种用法汇总

前言
jQuery对象是一个类数组的对象，含有连续的整形属性以及一系列的jQuery方法。它把所有的操作都包装在一个jQuery()函数中，形成了统一(也是惟一)的操作入口。
其中我们用的非常频繁的一个函数是$()或者说是jQuery()，当我们调用他的时候会根据传入的参数的不同而达到不同的效果。

接下来会一一说一下这7中用法，欢迎大家指正其中不正确的地方。

1 jQuery(selector,context)

简要的说是：接收一个css选择器表达式(selector)和可选的选择器上下文(context),返回一个包含了匹配的DOM元素的jQuery对象。

默认情况下，对匹配元素的查找都是从根元素ducument对象开始，也就是说查找范围是整棵文档树。但是如果给定了上下文context，则在指定上下文中查找

html

<span>body span</span>
<span>body span</span>
<span>body span</span>
<div class="wrap">
    <span>wrap span</span>
    <span>wrap span</span>
    <span>wrap span</span>
</div>

js
$(‘span’).css(‘background-color’,‘red’);//所有的span都会变红
$(‘span’,’.wrap’).css(‘background-color’,‘red’);//只有.wrap中的span会变红