美元符号($)在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 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