使用$的变量声明

时间:2016-03-20 09:40:01

标签: javascript jquery

以下$的声明。是一个javascript变量吗?

我理解如何将$用于选择器

$('#Text').click(function () {
  $('#Text').css('color', 'red')
});

但是,当我声明变量时,我习惯将其声明为var x = function(){}...

这种符号的含义" $。"是一种jquery声明变量的方法吗?

$.searchTwitter= function(){


                    $.ajax({
                        url:"http://search.twitter.com/search.json",
                        data:{
                                q:'dogs'
                        },
                        dataType:'jsonp',
                        success:function(results){
                            console.log(results);
                        }
                    });
               };

 $.searchTwitter();

6 个答案:

答案 0 :(得分:3)

jQuery 中,$jQuery的别名。

<强>即 $.ajax();jQuery.ajax();

的作用相同

Javascript 中,$并不特别;只是一个有效的JavaScript标识符。

参考:https://learn.jquery.com/about-jquery/how-jquery-works/

  

注意:jQuery库通过名为jQuery和$的窗口对象的两个属性公开其方法和属性。 $很简单   jQuery的别名,它经常被使用,因为它更短   写得快。

答案 1 :(得分:2)

$是jQuery本身。它在jQuery库中声明了。当您使用$.searchTwitter = function(){}时,您真正说的是JQuery.searchTwitter = function(){}

答案 2 :(得分:1)

$被称为Syntactic Sugar

在jQuery的情况下,它是jQuery Object。这意味着,使用$("#mydiv")jQuery("#mydiv")是相同的。 $只会减轻编写完整对象名jQuery的痛苦。

如果你想要know more

答案 3 :(得分:1)

$是由jQuery定义的全局变量,是变量jQuery的别名。通过分配$.searchTwitter = function() { ... },可以向全局jQuery对象添加新方法。

实际上,与通常的function searchTwitter() { ... }语法相比,这种声明没有优点或缺点。它有时用于声明与jQuery相关的函数或是jQuery的插件。

答案 4 :(得分:1)

美元符号是Javascript中变量名允许的字符之一,以及数字,下划线和英文字母。

&#39>特殊&#39;的例子变量名是:

$$ $_ $ _

点符号是一种为对象分配属性的方法。

示例:

var x = { myName: 'Roman' };
x.searchTwitter = function() {}; 
x.searchTwitter();
console.log(x.myName);

当浏览器加载Jquery库时,Jquery声明一个名为Jquery的全局变量,并声明它的别名 - $。

回答你的问题是否定的,这不是Jquery声明变量的特殊方式。它是向对象添加属性的标准Javascript方式。

答案 5 :(得分:0)

出于安全考虑,我喜欢用带有 $ 的闭包函数作为参数来包装我的代码。请参阅以下代码:

(function($){
  
 $.searchTwitter = function(){

    $.ajax({
      url:"http://search.twitter.com/search.json",
      data:{
        q:'dogs'
      },
      dataType:'jsonp',
      error: function (xhr, status, error) {
        $('#errors').html(JSON.stringify(xhr));
      },
      success:function(results){
        console.log(results);
        $('#results').html(JSON.stringify(results));
      }
    });
 };
 $.searchTwitter();

})(jQuery);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="results"></div><div id="errors"></div>

但Cris这个Twitter API已被弃用。它应该不起作用。

enter image description here