jQuery示例

jQuery由Google开发。要创建第一个jQuery示例，您需要使用jQuery的JavaScript文件。您可以从jquery.com下载jQuery文件，也可以使用jQuery文件的绝对URL。

在此jQuery示例中，我们使用jQuery文件的绝对URL。 jQuery示例写在script标签内部。

让我们看一个简单的jQuery示例。

 
 
 
 

The first paragraph is selected.
The second paragraph is selected.
The third paragraph is selected.

输出：

The first paragraph is selected.

The second paragraph is selected.

The third paragraph is selected.

$(document).ready()和$()

当页面准备好执行JavaScript代码时，插入在$(document).ready()之间的代码仅执行一次。

代替$(document).ready()，您只能使用缩写形式$()。

 $(document).ready(function() {
 $("p").css("color", "red");
 });

上面的代码与此代码等效。

 $(function() {
 $("p").css("color", "red");
 });

让我们看一下使用速记符号$()的jQuery的完整示例。

 
 
 
 

The first paragraph is selected.
The second paragraph is selected.
The third paragraph is selected.

输出：

The first paragraph is selected.

The second paragraph is selected.

The third paragraph is selected.

函数(){$(“ p”)。css(“ background-color”，“ cyan”); }

它会改变所有背景的颜色

标签或段落为青色。