点击按钮对数据进行操作(1)
2017-10-13 19:35
162 查看
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="jquery.1.12.4.js"></script> <style> .skewClass{ transform: skew(50deg); } </style> <script> $(document).ready(function(){ $("button:eq(0)").click(function(){ $("img").removeClass("skewClass"); }); $("button:eq(1)").click(function () { $("img").addClass("skewClass"); }); $("button:eq(0)").hover(function(){ $("img").addClass("skewClass"); },function(){ $("img").removeClass("skewClass"); }); $("button:eq(2)").click(function(){ $("div").html("ABC123"); }); $("button:eq(3)").click(function(){ $("div").empty(); }); $("button:eq(4)").click(function(){ for(var i=0;i<4;i++){ var a=$("li:eq("+i+")").text(); $("li:eq("+i+")").text(a.toUpperCase()); } }); $("button:eq(5)").click(function(){ $("li").each(function(){ var t=$(this).text(); $(this).text(t.toLowerCase()); }); }); }); </script> </head> <body> <button>点击我,移除class</button> <button>点击我,添加class</button><br> <button>点击我,向Div中添加ABC123</button> <button>点击我,移除Div中字符串</button> <button>点击我,把字母转换大写</button> <button>点击我,把字母转换小写</button> <img src="dou.jpg"/> <div style="width: 300px;height: 300px; border: 2px solid red"></div> <ul> <li>abc</li> <li>def</li> <li>ghi</li> <li>jkl</li> </ul> </body> </html>
相关文章推荐
- 点击按钮对数据进行操作(2)
- javaweb当中通过点击一个按钮来触发事件进行制定页面的跳转操作
- table 中 点击某行,获取这一行的数据弹框显示,或进行其他的操作
- 帝国CMS搬家:备份数据,恢复数据后,提示您还未添加栏目:点击这里进行添加操作
- 使用临时表在list和reapter之间做数据的传递(双击view,数据进入到repeater中,点击reapter中的删除按钮进行删除)
- 点击地图div上的按钮实现对地图数据的操作:查询点、添加点、删除点
- AutoCAD.Net/C#.Net QQ群:193522571 点击对话框按钮去屏幕选择点或进行操作时,闪屏,已经解决!
- 点击地图div上的按钮实现对地图数据的入库操作
- jquery操作html,table。点击按钮,逐行滚动显示,自动选中下一行数据
- iOS中加载HTML数据,并点击图片或链接进行相应的操作
- [VBA]Excel操作IE(打开网页、等待网页加载、填写网页控件数据、点击网页按钮、抓取网页数据)
- ThinkPHP备份数据( 先在页面列表内显示每个数据表名称,点击操作按钮【备份】对其备份)
- 用户点击退出后,点击浏览器按钮还能进行操作!!
- 关于Android App上线后从应用市场点击打开按钮进入应用后进行操作后,再点击home键到桌面后点击启动图标重新打开应用的解决方法
- Java实现点击按钮弹出新窗体的功能实现,旧窗体不进行操作
- android中点击item时通过不同数据进行不同的操作
- iOS中加载HTML数据,并点击图片或链接进行相应的操作
- web 点击按钮,根据点击确认进行下一步操作
- 关于对adapter中的按钮进行点击传数据回activity的方法
- 点击地图div上的按钮实现对地图数据的入库操作