海南新闻门户网

Three Most Common jQuery Events Part One: Click()

。。

ThecoursesummarizedthreemostimportantandusefuljQueryeventswhichcoulduse99%ofthetime。

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

点击

InjQuery,click()methodisaquickandeasywaytoaddaclicklistenertoelement(s)。

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

Runsomecode});

首先回顾一下jickkeventinJavaScript,wehavetododocument.querySelector(),然后是addEventListener,然后是一个功能.jQueryonelooksmucheasie应用。

IcreateasimpleHTMLpagewithsomebuttons.Iwillshowyouhowtouseclick()methodtomakeactionsonpage。

然后,IcheckwhetherjQueryfile正确连接。

IfIwanttogetanalertwhenIclickonh1,Iwilluse“$”toselecth1,thenaddalertmessageinsideclick()函数:

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

警报( “h1isclicked”);})

Asthereult,当你点击这篇文章时,该页面将会发布消息。

Wecanwritethesameeventfunctiontobutton,too.Allweneedistochange “H1” 到 “按钮”。

?Wecanalsoaddsomestylewithtbutbutlicklicked:

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

$(本)的CSS( “背景”, “粉红色”);})

Ifwewanttorefertothebuttonthatwasclicked,weneedtouse $(这),whichisthejQuerywrapper.Astheresult,whenweclickthebutton,itaddapinkbackground。

96

这木头

0.1

2019.07.2508: 52

字数250

ThecoursesummarizedthreemostimportantandusefuljQueryeventswhichcoulduse99%ofthetime。

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

点击

InjQuery,click()methodisaquickandeasywaytoaddaclicklistenertoelement(s)。

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

Runsomecode});

首先回顾一下jickkeventinJavaScript,wehavetododocument.querySelector(),然后是addEventListener,然后是一个功能.jQueryonelooksmucheasie应用。

IcreateasimpleHTMLpagewithsomebuttons.Iwillshowyouhowtouseclick()methodtomakeactionsonpage。

然后,IcheckwhetherjQueryfile正确连接。

IfIwanttogetanalertwhenIclickonh1,Iwilluse“$”toselecth1,thenaddalertmessageinsideclick()函数:

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

警报( “h1isclicked”);})

Asthereult,当你点击这篇文章时,该页面将会发布消息。

Wecanwritethesameeventfunctiontobutton,too.Allweneedistochange “H1” 到 “按钮”。

?Wecanalsoaddsomestylewithtbutbutlicklicked:

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

$(本)的CSS( “背景”, “粉红色”);})

Ifwewanttorefertothebuttonthatwasclicked,weneedtouse $(这),whichisthejQuerywrapper.Astheresult,whenweclickthebutton,itaddapinkbackground。

ThecoursesummarizedthreemostimportantandusefuljQueryeventswhichcoulduse99%ofthetime。

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

点击

InjQuery,click()methodisaquickandeasywaytoaddaclicklistenertoelement(s)。

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

Runsomecode});

首先回顾一下jickkeventinJavaScript,wehavetododocument.querySelector(),然后是addEventListener,然后是一个功能.jQueryonelooksmucheasie应用。

IcreateasimpleHTMLpagewithsomebuttons.Iwillshowyouhowtouseclick()methodtomakeactionsonpage。

然后,IcheckwhetherjQueryfile正确连接。

IfIwanttogetanalertwhenIclickonh1,Iwilluse“$”toselecth1,thenaddalertmessageinsideclick()函数:

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

警报( “h1isclicked”);})

Asthereult,当你点击这篇文章时,该页面将会发布消息。

Wecanwritethesameeventfunctiontobutton,too.Allweneedistochange “H1” 到 “按钮”。

?Wecanalsoaddsomestylewithtbutbutlicklicked:

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

$(本)的CSS( “背景”, “粉红色”);})

Ifwewanttorefertothebuttonthatwasclicked,weneedtouse $(这),whichisthejQuerywrapper.Astheresult,whenweclickthebutton,itaddapinkbackground。