Three Most Common jQuery Events Part One： Click()

?

该课程总结了三个最重要和最有用的jQuery事件，可以使用99％的时间。

这三个事件是:click（），keypress（）和on（）。

点击

在jQuery中，click（）方法是一种向元素添加点击侦听器的快捷方式。

$（ “选择”）。单击（函数（）{

运行一些代码}）;

回想一下JavaScript中的click事件，我们首先要做document.querySelector（），然后再添加addEventListener，并给出一个函数。 jQuery看起来更容易应用。

我创建了一个带有一些按钮的简单HTML页面。我将向您展示如何使用click（）方法在页面上执行操作。

然后，我检查jQuery文件是否正确连接。

如果我想在点击h1时收到警报，我会用“$”选择h1，然后在click（）函数:中添加警告信息？

$（ “H1”）。单击（函数（）{

警报（“单击h1”）;}）

因此，当您单击h1文本时，页面将弹出警报消息。

我们也可以将相同的事件功能写入按钮。我们只需要将“h1”改为“按钮”。

？我们还可以在单击按钮时添加一些样式:

$（ “链接”）。单击（函数（）{

$（this）.css（“background”，“pink”）;}）

如果我们想要引用单击的按钮，我们需要使用$（this），它是jquery包装器。因此，当我们单击按钮时，它会添加一个粉色背景。

0×2520个

0×2521个

这个木头

0.4倍

52

字数250

课程总结了三个最重要和最有用的jquery事件，它们可能使用99%的时间。

这三个事件是:click（）、keypress（）和on（）。

点击

在jquery中，click（）方法是向元素添加click监听器的一种简单快捷的方法。

$（“选择器”）。单击（function（）。{

运行一些代码

回想一下JavaScript中的click事件，我们首先要做document.querySelector（），然后再添加addEventListener，并给出一个函数。 jQuery看起来更容易应用。

我创建了一个带有一些按钮的简单HTML页面。我将向您展示如何使用click（）方法在页面上执行操作。

然后，我检查jQuery文件是否正确连接。

如果我想在点击h1时收到警报，我会用“$”选择h1，然后在click（）函数:中添加警告信息？

$（ “H1”）。单击（函数（）{

警报（“单击h1”）;}）

我们也可以将相同的事件功能写入按钮。我们只需要将“h1”改为“按钮”。

？我们还可以在单击按钮时添加一些样式:

$（ “链接”）。单击（函数（）{

$（this）.css（“background”，“pink”）;}）

如果我们想要引用被单击的按钮，我们需要使用$（this），这是jQuery包装器。结果，当我们点击按钮时，它会添加一个粉红色的背景。

该课程总结了三个最重要和最有用的jQuery事件，可以使用99％的时间。

这三个事件是:click（），keypress（）和on（）。

点击

在jQuery中，click（）方法是一种向元素添加点击侦听器的快捷方式。

$（ “选择”）。单击（函数（）{

运行一些代码}）;

回想一下JavaScript中的click事件，我们首先要做document.querySelector（），然后再添加addEventListener，并给出一个函数。 jQuery看起来更容易应用。

我创建了一个带有一些按钮的简单HTML页面。我将向您展示如何使用click（）方法在页面上执行操作。

然后，我检查jQuery文件是否正确连接。

如果我想在点击h1时收到警报，我会用“$”选择h1，然后在click（）函数:中添加警告信息？

$（ “H1”）。单击（函数（）{

警报（“单击h1”）;}）

因此，当您单击h1文本时，页面将弹出警报消息。

我们也可以将相同的事件功能写入按钮。我们只需要将“h1”改为“按钮”。

？我们还可以在单击按钮时添加一些样式:

$（ “链接”）。单击（函数（）{

$（this）.css（“background”，“pink”）;}）

如果我们想要引用被单击的按钮，我们需要使用$（this），这是jQuery包装器。结果，当我们点击按钮时，它会添加一个粉红色的背景。