在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技术站