jQuery中的$是什么意思及 $. 和 $().的区别

在jQuery中,$符号是指jQuery对象的缩写,是一个函数名。jQuery库中定义了一个全局函数jQuery()作为构造函数。但是为了方便,jQuery()函数被简写成了$()。

$()与jQuery()函数都可以用来选择HTML元素,并返回jQuery对象。这个对象实际上是一个类数组的对象,包含jQuery函数库中的一系列方法或属性。这些方法可以用来操作HTML元素或者绑定事件等。

区别:

$是jQuery对象缩写,表示一个函数名。$()是调用jQuery函数选择DOM元素的一种快捷方式,本质上$()也是函数。

$.是jQuery的命名空间,所有的jQuery函数和属性都在这个命名空间中定义。$.同样是一个函数,但是只能用来访问jQuery中的全局属性和方法,如$.ajax()和$.fn。

示例1:

<!DOCTYPE html>
<html>
    <head>
        <title>jQuery测试</title>
        <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
        <script>
            // 使用$符号选择DOM元素,并绑定click事件
            $(document).ready(function () {
                $("button").click(function () {
                    alert("Hello World!");
                });
            });
        </script>
    </head>
    <body>
        <button>Click Me</button>
    </body>
</html>

在这个示例中,$符号选择button元素,并绑定click事件,当用户点击button按钮时,将会弹出"Hello World!"的提示框。

示例2:

// 定义自己的命名空间myNamespace
var myNamespace = {
    func1: function () {
        console.log("I'm function 1");
    },
    func2: function () {
        console.log("I'm function 2");
    }
};

// 使用$符号调用自己的命名空间myNamespace
$(function () {
    myNamespace.func1();
});

在这个示例中,$符号调用定义的myNamespace命名空间,并执行myNamespace中的func1()函数,控制台将会输出"I'm function 1"。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:jQuery中的$是什么意思及 $. 和 $().的区别 - Python技术站

(0)
上一篇 2023年5月27日
下一篇 2023年5月27日

相关文章

  • jQuery 禁用或启用一个输入元素

    当我们需要在网站中对某个输入元素进行禁用或启用的操作时,可以使用 jQuery 库来实现。下面将详细讲解如何使用 jQuery 禁用或启用一个输入元素。 1. 禁用一个输入元素 有时候我们需要禁用掉某个输入元素,让用户不能输入或修改其值。下面是实现方法: 1.1 方法一 可以使用以下代码来禁用一个输入元素: $(‘#inputId’).attr(‘disab…

    jquery 2023年5月12日
    00
  • jQWidgets jqxNavigationBar expandedItem事件

    以下是关于 jQWidgets jqxNavigationBar 组件中 expandedItem 事件的详细攻略。 jQWidgets jqxNavigationBar expandedItem 事件 jQWidgets jqxNavigationBar 的 expandedItem 事件在导航栏中的项被展开时触发。 语法 // 监听 expandedIt…

    jquery 2023年5月12日
    00
  • jQWidgets jqxDateTimeInput enableAbsoluteSelection属性

    以下是关于“jQWidgets jqxDateTimeInput enableAbsoluteSelection属性”的完整攻略,包含两个示例说明: 简介 jqxDateTimeInput 控件的 enableAbsoluteSelection 属性用于设置是否启用绝对模式。 完整攻略 以下是 jqxDateTimeInput 控件 enableAbsolu…

    jquery 2023年5月11日
    00
  • jQuery Mobile Pagecontainer移除事件

    jQuery Mobile Pagecontainer是一种用于处理移动设备上网页应用页面导航的工具,利用该工具可以实现快速定位到目标页面、进行数据预加载等功能。在使用Pagecontainer时,经常需要根据需要动态地添加或移除页面元素。本文将详细讲解如何使用jQuery Mobile Pagecontainer移除事件。 1. Pagecontainer…

    jquery 2023年5月12日
    00
  • jQWidgets jqxGrid removesort()方法

    以下是关于“jQWidgets jqxGrid removesort()方法”的完整攻略,包含两个示例说明: 方法简介 removesort() 方法是jQWidgets jqxGrid` 控件的一个方法,用于移除表格的排序条件。该方法的语法如下: $("#jqxGrid").jqxGrid(‘removesort’); 在上述法中,#j…

    jquery 2023年5月10日
    00
  • JQuery中的常用事件、对象属性与使用方法分析

    JQuery中的常用事件、对象属性与使用方法分析 事件 在jQuery中,事件是用户与页面元素交互时触发的操作。下面列出了一些常用的事件: click事件 click事件指鼠标左键单击元素时触发。一般常用于按钮或超链接。 $(selector).click(function(){ //事件处理函数 }); mouseover事件 mouseover事件指鼠标…

    jquery 2023年5月27日
    00
  • 一个超简单的jQuery回调函数例子(分享)

    下面是针对“一个超简单的jQuery回调函数例子(分享)”这一主题的完整攻略。 标题 一般情况下,一个好的Markdown文档肯定是会包含标题的,而标题的格式应该是: # 一级标题 ## 二级标题 ### 三级标题 注意,这里的#、##、###等符号后面需要加上空格,之后才是文本内容。 具体到“一个超简单的jQuery回调函数例子(分享)”这个主题,我们可以…

    jquery 2023年5月27日
    00
  • 如何在jQuery中获取所选选项的文本值

    要在jQuery中获取所选选项的文本值,我们可以使用以下步骤: 使用$()函数选择需要获取选项的Dropdown元素。 使用.find()函数选择所选选项。 使用.text()函数获取所选选项的文本值。 以下是两个示例,演示如何在jQuery中获取所选选项的文本值: 示例1:获取单个Dropdown选项的文本值 以下是一个示例,演示如何在jQuery中获取单…

    jquery 2023年5月9日
    00
合作推广
合作推广
分享本页
返回顶部