jQuery中变量之间的差异

jQuery中变量之间的差异,jquery,Jquery,有人能告诉我jQuery中变量$variable和$.variable的区别吗?例如: $x='3'; $.y(parseInt($(this).val()) 第一个($x)是一个变量(在本例中,它被分配了一个字符串3的值。第二个是对函数y()的函数调用,该函数可能是一个jquery扩展函数。在您的示例中,该函数获取一个参数,该参数包含来自$(this)引用的某个值的某个整数 请注意,$x可能同样容易被var x='3'。您的示例中的赋值实际上有点奇怪,因为$prefix通常表示变量正在保存一

有人能告诉我jQuery中变量$variable和$.variable的区别吗?例如:

$x='3';
$.y(parseInt($(this).val())
第一个($x)是一个变量(在本例中,它被分配了一个字符串3的值。第二个是对函数y()的函数调用,该函数可能是一个jquery扩展函数。在您的示例中,该函数获取一个参数,该参数包含来自$(this)引用的某个值的某个整数


请注意,$x可能同样容易被var x='3'。您的示例中的赋值实际上有点奇怪,因为$prefix通常表示变量正在保存一些jQuery选择器结果。

只是一种约定,用于告诉var保存jQuery包装的DOM选择,例如:

var $form = $('#yourForm');

$.function
另一方面意味着您正在调用jQuery库的一些“静态”函数,例如
$.each()
,而不执行任何DOM选择。

在JavaScript中,您可以让变量名包含字符
$
。如果使用脚本标记创建新的HTML文档,您可以执行以下操作:

var $test = 10;
console.log($test);
并将
10
记录到控制台

jQuery使用
$
变量作为自身的简写,任何jQuery函数/扩展都可以从该对象中获得。下面可能会更清楚地说明这一点:

// Assume you have already loaded jQuery
$ == jQuery; // true!
$.test = 10; // Assign a random property to the "jQuery Object"
console.log($.test); // print out "10"
现在,在您的示例中,
$.y()
,有人通过添加名为
y
的方法对jQuery进行了扩展,该方法可以作为
$.y()
进行访问。在许多情况下,作为跟踪对象类型的一种方法,如果您有一个引用jQuery对象的变量,则可以在变量名称前面加上dollarSign:

var header = document.getElementById("header"); //without jQuery
var $header = $("#header"); // with jQuery
以上不是规则,只是许多人为了保持代码清晰而遵循的惯例