jQuery—

斑马线表格

HTML代码

<!DOCTYPE html>
<html><head><script src="js/jquery-3.6.0.min.js" type="text/javascript" charset="utf-8"></script><meta charset="utf-8"><title>斑马线表格</title><style type="text/css">*{margin: 0 auto;  //表格居中}</style></head><body><table border="1" cellspacing="0" cellpadding="0"><tr><th>姓名</th><th>性别</th><th>年龄</th><th>专业</th></tr><tr><td>李文</td><td>男</td><td>20</td><td>大数据</td></tr><tr><td>王楠</td><td>女</td><td>19</td><td>软件技术</td></tr><tr><td>赵倩</td><td>女</td><td>18</td><td>人工智能</td></tr><tr><td>叮咛</td><td>女</td><td>21</td><td>动漫制作</td></tr><tr><td>睢阳</td><td>女</td><td>22</td><td>数据库应用</td></tr><tr><td>楠喃</td><td>女</td><td>21</td><td>前端网站</td></tr></table><script type="text/javascript">$('table').css({'width':'800','height':'200'});$('tr').css('textAlign','center');//如果在文档没有完全加载之前就运行函数，操作可能失败。//在这些代码外面加上一层 $('document').ready(function(){})//可以防止文档在完全加载（就绪）之前运行 jQuery 代码，即在 DOM 加载完成后才可以对 DOM 进行操作。//DOM (Document Object Model) 译为文档对象模型，是 HTML 和 XML 文档的编程接口。$("tr:even").hover(function(){$("tr:even").css("background-color","#7a7281");//莫兰迪色系},function(){$("tr:even").css("background-color","#f0ebe5");});$("tr:odd").hover(function(){$("tr:odd").css("background-color","#656565");},function(){$("tr:odd").css("background-color","#fdf9ee");});$('tr:first').css('background','#6b5152');//后部的操作函数会覆盖之前的</script></body>
</html>

jQuery选择器

jQuery——02相关推荐

jQuery -02
1.语法:节点操作(筛选) 1.jq的节点操作 : 都是对象方法获取子元素: $().children() 获取父元素: $().parent() 获取上一个元素: $().prev() 获取下一个 ...
JQuery 02 转换图片
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
jQuery笔记 - 基础
jQuery学习笔记-基础知识 01 初识jQuery 02 jQuery和JavaScript的固定写法 03 jQuery和JavaScript加载模式 04 jQuery 入口函数其它写法 05 ...
F5负载均衡技术的学习
概述负载均衡(Load Balance) 由于目前现有网络的各个核心部分随着业务量的提高,访问量和数据流量的快速增长,其处理能力和计算强度也相应地增大,使得单一的服务器设备根本无法承担.在此情况下, ...
jQuery_Ajax下载服务器文件流的方法
一般ajax,只能处理xml, json, script, or html类型,对返回的文件流却没办法下载了. 本人编写了一个AJAX插件,实现文件流下载. 然后JAva后台采用往response里写 ...
Ajax和JSON-学习笔记02【JQuery方式实现Ajax】
Java后端学习路线笔记汇总表[黑马程序员] Ajax和JSON-学习笔记01[原生JS方式实现Ajax] Ajax和JSON-学习笔记02[JQuery方式实现Ajax] Ajax和JSON-学 ...
JQuery-学习笔记02【基础——JQuery选择器】
Java后端学习路线笔记汇总表[黑马程序员] JQuery-学习笔记01[基础--JQuery基础]--[day01] JQuery-学习笔记02[基础--JQuery选择器] JQuery-学习 ...
20150303+JQuery选择器-02
20150303+JQuery选择器-02 三.文档处理插入删除复制替换包裹查找 1.插入操作--内部插入 jQuery <div> jQuery hello jQuery&l ...
前端学习02：jQuery 日历
引言:学习前端已经接近1个月了,先后经历了1周的 html+css, 2周的"JavaScript 从入门到下跪",期间还看了vue+webpack.然鹅,Mentor Brigh ...

jQuery——02

斑马线表格

jQuery——02相关推荐

最新文章

热门文章