jquery练习
2016-09-06 16:43
423 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>习题(向指定表格中写数据)</title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <style type="text/css"> </style> <script type="text/javascript" src="jquery-1.7.1.min.js"></script> <script type="text/javascript"> window.onload=function(){ $('td').html('test'); $('#btnOk').click(function(){ //取得行数 var hang=$('#hang').val() -1; //取得列数 var lie=$('#lie').val() -1; //取得内容 var content=$('#content').val(); //向指定表格中写数据 $('tr:eq('+hang+')> td:eq('+lie+')').html(content); }); }; </script> </head> <body> <input type='text' id='hang' /> <hr /> <input type='text' id='lie' /> <hr /> <input type='text' id='content' /> <hr /> <table border='1' width='500'> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> </table> <input type="button" id='btnOk' value='确定' /> </body> </html>
相关文章推荐
- 几个简单的jquery知识点练习
- 开源项目练习EF+jQueryUI前后端分离设计
- jquery练习3 换肤
- jQuery练习代码暂存
- jQuery练习二球队移动
- jQuery练习--隐藏和显示效果
- jQuery练习
- jQuery 练习[二]: 获取对象(1) - 基本选择与层级
- 扩展jQuery键盘事件的几个基本方法(练习jQuery插件扩展)
- jquery事件练习
- jQuery练习4--下拉框应用
- jQuery练习7--焦点失去样式
- [前端练习]两个table左右移数据V1.0---jquery实现
- Mootools遮罩层练习(原为网上的jquery写法)
- [php学习十八]JQuery练习3-综合
- jQuery写返回顶部练习
- jQuery小练习
- jquery练习4 获取文本框输入
- jQuery学习18---移动练习
- Jquery属性练习