Javascript：何時在變量名前使用美元符號

我無法弄清楚在某些變量之前放置美元符號的含義。Javascript：何時在變量名前使用美元符號

例如：$（文件）。就緒
又如：（函數（$）{$ .fn.aToast =功能（選件）{...

下面是示例代碼我就發現互聯網：

<?xml version="1.0" encoding="UTF-8"?> 
 
<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
     <meta http-equiv="Content-type" content="text/xhtml;charset=UTF-8" > 
 
     <title>jQuery test 2</title> <h1>jQuery test 2</h1><hr> 
 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
 
    </head> 
 
    <body> 
 
     <button>TEST1</button> 
 
     <input type='button' 
 
      data-aToast='true' 
 
      data-aToast-text='TEST2 was pressed' 
 
      value='TEST2' 
 
     /> 
 
     
 
     <div style='display:inline-block'><br> 
 
     Here is Normal text in a <b>&lt;div&gt;</b></div> 
 

 
     <script> 
 
      (function ($) { 
 
       $.fn.aToast = function (options) { 
 

 
       var $this = $(this), 
 
       settings = $.extend({ 
 
        fadeOut: 400, 
 
        fadeIn: 400, 
 
        delay: 3000, 
 
        text: 'TEST1 was pressed', 
 
        toastListenEvent: 'click', 
 
        aClass: false 
 
       }, options), 
 
       $at = false, 
 
       aTevents = false; 
 

 
       settings.toastListenEvent = settings.toastListenEvent + ' a-Toast'; 
 
       settings.aClass = 'aToast-view-message' + (settings.aClass ? ' ' + settings.aClass : '') 
 
       if ($('[data-aToast=true]:not(.aToast-init)').length) { 
 
        $this = $this.add($('[data-aToast=true]:not(.aToast-init)').addClass('aToast-init')); 
 
       } 
 
       
 
       function _remove() { 
 
        $(this).stop().remove(); 
 
       } 
 
       
 
       function _displayDiv() { 
 
        $('.aToast-view-message').hide(); 
 
        var $div = $('<div/>', { 
 
         text: $(this).data('atoast-text') ? $(this).data('atoast-text') : settings.text, 
 
         class: settings.aClass 
 
        }).stop().fadeIn(settings.fadeIn) 
 
         .delay(settings.delay) 
 
         .fadeOut(settings.fadeOut, _remove) 
 
         .appendTo('body'); 
 
       
 
        console.log($div[0]); 
 
       } 
 
       
 
       $this.not('[data-aToast=false]').on(settings.toastListenEvent, _displayDiv); 
 
       
 
      }; 
 
     }(jQuery)); 
 

 
     $('button').aToast({ 
 
      aClass: 'x123' // users-dont-care-about-this-class-name' 
 
     }); 
 

 
     $('div').aToast({ 
 
      aClass: 'Toast class', 
 
      toastListenEvent: 'mouseenter', 
 
      text: 'ERROR ... ' 
 
     }); 
 

 
     </script> 
 
    </body> 
 
</html>

來源

2015-10-16 user1588174-Andy

閱讀有關[jQuery的]（https://jquery.com/） –

沒有特別特殊的含義在JavaScript中$符號它被視爲既不是一個操作符。也不是數字字符，這意味着您可以在沒有任何特殊條件的情況下使用它。

也就是說，jQuery的定義了一個名爲$功能，您可以使用基於對象執行jQuery的動作。 $(this)只會在this對象周圍創建一個jQuery對象包裝器，以便您可以對其執行jQuery操作。 $('foo')將創建一個jQuery對象引用的foo所有實例文檔中，並$('#thing')將創建一個引用與thing該ID的對象。

Read up on jQuery here

來源

2015-10-16 15:51:56 Kaslai

好的，謝謝。記住這個信息我將學習示例代碼。 –

Javascript：何時在變量名前使用美元符號

回答

相關問題