<!DOCTYPE HTML Public "-//W3C//DTD XHTML 1.0 transitional//en" "http://www.w3.org/TR/xhtml1/DTD/ Xhtml1-transitional.dtd "> <HTMLxmlns= "http://www.w3.org/1999/xhtml"> <Head> <Metahttp-equiv= "Content-type"content= "text/html; charset=utf-8" /> <title>Untitled Document</title> <styletype= "Text/css">. User_btn{width:60px;Height:30px;background:#FC9;-moz-border-radius:15px;-webkit-border-radius:15px;Border-radius:15px;text-align:Center; } </style> <Scriptsrc= "Http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></Script> <Scripttype= "Text/javascript"> functionShoucang (which) {if($ (which). attr ("value")=="Collection") {$ (which). attr ("value","has been collected"); } Else if($ (which). attr ("value")=="has been collected") {$ (which). attr ("value","Collection"); } } </Script> </Head> <Body> <inputname= "Favorites"type= "button"value= "Favorites"class= "User_btn"onclick= "Shoucang (this)"/> </Body> </HTML>
When using onclick for beginners, there are several points to note:
1, the correct wording of the OnClick property is onclick= "function name ()", it is parenthesized, not onclick= "function name"
2. If the OnClick property does not pass in the This object, you cannot use $ (this) in the function definition, otherwise the interpreter will stop running because the object cannot be found.
Ext.: http://blog.csdn.net/qq_26222859/article/details/51446900
The onclick (this) method of jquery