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

最新推荐文章于 2024-08-03 17:05:14 发布

allway2

最新推荐文章于 2024-08-03 17:05:14 发布

阅读量1.3k

点赞数

文章标签： jquery javascript 前端

本文链接：https://blog.csdn.net/allway2/article/details/124795973

版权

$ 符号不过是 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

allway2

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
美元符号 ($) 在 jQuery 中是什么意思？

$ 符号不过是 jQuery() 函数的标识符。我们不编写 jQuery，而是编写 $ ，它与 jQuery() 函数相同。带有选择器的 $ 指定它是一个 jQuery 选择器。它被赋予一个较短的标识符 $ 只是为了减少编写较大语法的时间。它包含 jQuery 对象使用的所有函数，例如animate()、hide()、show()、css()等等。此外，在内存方面，$ 比 jQuery 更好，因为 $ 占用一个字节，而 jQuery 占用 6 个字节，它们具有相同的功能。句法：$('sel..
复制链接

扫一扫