Có lý do cụ thể nào đằng sau việc sử dụng $ với biến trong jQuery

Question

Tôi biết đó là một câu hỏi ngớ ngẩn nhưng tôi hơi bối rối với điều này. Ví dụ: nếu tôi có đầu vào có ID: rad1, có sự khác biệt nào giữa các dòng mã dưới đây không?

var $a = $('#rad1') 

hoặc

var a = $('#rad1') 

Answer 1

Không có sự khác biệt thực sự nào.

Nó chỉ là một quy ước giúp bạn nhớ rằng a không phải là phần tử DOM mà là đối tượng jQuery.

var a = document.getElementById('a'); 
a.innerHTML //fine 

var $a = $('#a'); 
$a.html() // fine 

Ohhh, và bằng cách này, không phải a hoặc $a là tên biến tốt ... bạn nên sử dụng tên biến có ý nghĩa không abc ký tự.

---

Đọc jQuery info tag trên trang web này rất giống nhau:

ước đặt tên biến

jQuery quấn biến thường được đặt tên bắt đầu bằng '$' để phân biệt với đối tượng JavaScript chuẩn.

var $this = $(this); 

Answer 2

Nó chỉ cho thấy rằng đó là một biến Jquery.

Khai báo $a bạn đang hiển thị rằng biến của bạn dành cho các đối tượng JQuery, nó chỉ là một ký hiệu. Vì vậy, điều có thể đọc được hầu hết sẽ phải khai báo biến Jquery với $ ký hiệu

var $obj=$("#obj"); 

Và phần tử DOM mà không cần $ ký hiệu

var obj = document.getElementById("obj"); 

Answer 3

Không có sự khác biệt. Nó chỉ là một quy ước mã hóa để giúp xác định rằng biến đại diện cho một đối tượng được bao bọc bởi jquery.

Answer 4

Không chênh lệch ước chỉ mã hóa của nó, check this

Answer 5

Một phần cũng hoạt động tốt:

Bạn cũng có thể làm một cái gì đó như thế này để hiển thị một <div>: SỬ DỤNG

function getCompTable(divId){ 
    var $d = $('#' + divId); 
    $d.show(); 
} 

getCompTable('compListDiv'); // compListDiv - is a div id="" 

yosi Lev

Answer 6

Tôi nghĩ rằng kịch bản này nên minh họa cho lý do nhớ (off Tất nhiên, chỉ định '$') jquery và các biến javascript đơn giản:

<form id='myform' > 
    <input id="name" type="text" value="Peter" /> 
</form> 

<script> 

$(document).ready(function(){ 
     var name = document.getElementById('name'); 
    var $name = $('#name'); 

    console.log(name.value); // javascript's properties are available 
     console.log($name.value); //it is undefined (worth of notice) 

    console.log(name.val()); // error! name.val is not a function ! (jquery function will not be available) 
    console.log($name.val()); // jquery functions are available 

}); 

</script> 

Answer 7

Khi cài đặt var d = $('<div>'); tôi không tìm thấy sự khác biệt giữa d.addClass('someclass'); và $(d).addClass('someclass');