jquery中$符号的作用是什么?

  • 来源:网络
  • 更新日期:2020-11-20

摘要:相关推荐:《jQuery教程》$号是jQuery“类”的一个别称,$()构造了一个jQuery对象。所以,“$()”可以叫做jQuery的构造函数。jQuery的三种$()1、$()可以是$(expresion),即css选择

相关推荐:《jQuery教程》

$号是jQuery“类”的一个别称,$()构造了一个jQuery对象。所以,“$()”可以叫做jQuery的构造函数。

jQuery的三种$()

1、$()可以是$(expresion),即css选择器、Xpath或html元素,也就是通过上述表达式来匹配目标元素。

2、$()可以是$(element),即一个特定的DOM元素。如常用的DOM对象有document、locaTIon、form等。如这样一行代码:

$(document).find("div>p").html());

$()中的document是一个DOM元素,即在全文寻找带<p>的<div>元素,并显示<p>中的内容。

3、$()可以是$(funcTIon),即一个函数,它是$(document).ready()的一个速记方式。如常见的形式是这样的:

$(document).ready(funcTIon(){
alert("Hello world!");
});

可变形作:

$(function(){
alert("Hello world!");
});

jQuery中$符号的作用

1、作为jQuery包装器,利用选择器来选择DOM元素(这个也是最强大的功能)

例如:

$("table tr:nth-child(even)")

2、实用工具函数,作为几个通用的实用工具函数的命名空间的前缀

例如:

$.trim(someString)

3、文档就绪处理程序,相当于$(document).ready(...)

例如:

$(function(){...}); //里面的函数会在DOM树加载完之后执行

4、创建DOM元素

例如:

$("<p>how are you?</p>")

5、扩展jQuery

例如:

$.fn.disable = function(){...}

6、使用jQuery和其他库

例如:Prototype库也是使用$符号,jQuery提供noConflict函数避免冲突,jQuery.noConflict();把$符号还原到非jQuery库定义的含义。

更多编程相关知识,请访问:编程学习网站!!