美元符号($)在jQuery中是什么意思

美元符号($)在jQuery中是什么意思

符号只不过是jQuery()函数的一个标识符。

我们不写jQuery,而只是写,这与jQuery()函数相同。一个带有选择器的指定它是一个jQuery的选择器。它被赋予一个更短的标识符为,只是为了减少编写大的语法的时间。它包含所有jQuery对象使用的函数,如animate()、hide()、show()、css()等等。此外,在内存方面,比jQuery好,因为只需要一个字节,而jQuery需要6个字节,功能相同。

语法:

$('selector').action();

例子1:一个简单的说明,显示jQuery和$有相同的功能。

!DOCTYPE html>
<html lang="en">
  
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" 
          content="width=device-width, initial-scale=1.0">
    
    <!-- Including jQuery  -->
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"
            integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
            crossorigin="anonymous">
    </script>
</head>
  
<body>    
    <script>
       console.log($===jQuery)
    </script>
</body>
  
</html>

输出:

true

注意: $(‘p’)和jQuery(‘p’)具有相同的含义,它们返回相同的对象。

示例 2:

<!DOCTYPE html>
<html lang="en">
  
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" 
          content="width=device-width, initial-scale=1.0">
      
    <!-- Including jQuery  -->
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"
            integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
            crossorigin="anonymous">
   </script>
</head>
  
<body>
    <p> This is a paragraph</p>
    <script>
      var p = $('p').text();
      var x = jQuery('p').text()
      console.log(p);
      console.log(x);
    </script>
</body>
</html>

输出:

美元符号($)在jQuery中是什么意思?

我们甚至可以通过使用jQuery noConflict()函数来改变$,因为当我们使用其他技术时,可能有机会有不同的含义,在这种情况下,我们可以使用noConflict()方法为jQuery定制标识。

语法:

var new_identifier = jQuery.noConflict();

示例 3:

<!DOCTYPE html>
<html lang="en">
  
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" 
          content="width=device-width, initial-scale=1.0">
    
    <!-- Including jQuery  -->
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"
            integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" 
            crossorigin="anonymous">
    </script>
</head>
  
<body>
      
<p> This is a paragraph</p>
  
    <script>
      var dollar =  jQuery.noConflict();
  
      // We can use dollar instead of $ by 
      // using jQuery noConflict() method
      var x = dollar('p').text()
      console.log(x);
    </script>
</body>
  
</html>

输出:

This is a paragraph

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程