Three Most Common jQuery Events Part One: Click()

时间:2019-08-16 来源:www.gsyuxing.com

?

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

这三个事件是:click(),keypress()和on()。

点击

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

$( “选择”)。单击(函数(){

运行一些代码});

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

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

2204783-9b23ce686c1b4f74.JPG

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

2204783-0750a04760183380.JPG

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

$( “H1”)。单击(函数(){

警报(“单击h1”);})

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

2204783-7aea2b9066f98a8f.JPG

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

2204783-d64179e8de0be53d.JPG

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

$( “链接”)。单击(函数(){

$(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()方法在页面上执行操作。

2204783-9b23ce686c1b4f74.JPG

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

2204783-0750a04760183380.JPG

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

$( “H1”)。单击(函数(){

警报(“单击h1”);})

2204783-7aea2b9066f98a8f.JPG

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

2204783-d64179e8de0be53d.JPG

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

$( “链接”)。单击(函数(){

$(this).css(“background”,“pink”);})

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

2204783-fbc7517622acc1fa.JPG

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

这三个事件是:click(),keypress()和on()。

点击

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

$( “选择”)。单击(函数(){

运行一些代码});

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

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

2204783-9b23ce686c1b4f74.JPG

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

2204783-0750a04760183380.JPG

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

$( “H1”)。单击(函数(){

警报(“单击h1”);})

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

2204783-7aea2b9066f98a8f.JPG

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

2204783-d64179e8de0be53d.JPG

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

$( “链接”)。单击(函数(){

$(this).css(“background”,“pink”);})

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