jQuery中有多个变量。单击

我还是jQuery新手，遇到了一个小问题。为什么.click函数不能像这样工作：

var $rowStartDate = $("span[id^=rowStartDate]");
var $rowEndDate = $("span[id^=rowEndDate]");

$($rowStartDate, $rowEndDate).click(function() { 
//Notice the variables in this selector

但是，当我将元素移出其变量时，它会起作用：

$("span[id^=rowStartDate], span[id^=rowEndDate]").click(function() {

第二个论点是上下文。因此，您可以使用：

第二个论点是上下文。因此，您可以使用：

---

两者有很大不同。你需要看看这个词的定义。当您说$span[id^=rowStartDate]，span[id^=rowEndDate].clickfunction{您正在向jQuery函数传递一个字符串，然后该函数将对该字符串进行操作。当您说$$rowStartDate，$rowEndDate.clickfunction{您正在向函数传递两个参数，该函数需要：

jQuery( selector [, context] )
jQuery( element )
jQuery( object )
jQuery( elementArray )
jQuery( jQuery object )
jQuery()

---

两者有很大的不同。您需要查看的定义。当您说$span[id^=rowStartDate]时，span[id^=rowEndDate]。clickfunction{您正在将一个字符串传递给jQuery函数，然后该函数将对该字符串起作用。当您说$$rowStartDate时，则是$rowEndDate.clickfunction{您正在向函数传递2个参数，该函数需要：

jQuery( selector [, context] )
jQuery( element )
jQuery( object )
jQuery( elementArray )
jQuery( jQuery object )
jQuery()

---

您也可以使用类来实现这一点

这是Html

<span class='rowdate' id='rowStartDate'></span>
<span class='rowdate' id='rowEndDate'></span>

---

您也可以使用类来实现这一点

这是Html

<span class='rowdate' id='rowStartDate'></span>
<span class='rowdate' id='rowEndDate'></span>