代码学习:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Nearth</title> <script src="jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script> <style type="text/css"> </style> <script type="text/javascript"> //要求:点击按钮,改变按钮的value 值,鼠标进入到按钮中,按钮的宽改变,高改变,鼠标离开的时候 //按钮的背景颜色变为绿色 $(function(){ $("#btn").click(function(){ $(this).val("鼠标内容改变了"); }).mouseover(function(){ $(this).css({"width":"200px","height":"200px"}); }).mouseout(function(){ $(this).css("backgroundColor","green"); }); }); </script> </head> <body> <h1>链式编程练习1</h1> <hr > <input type="button" name="" id="btn" value="显示效果" /> </body> </html>
Nearth===>WEB前端--第21课/JQuery/链式编程3(链式编程的小案列)
最新推荐文章于 2019-11-16 17:30:09 发布