python16-前端之课堂笔记

day14 2018-03-24

jQuery:http://www.cnblogs.com/liwenzhou/p/8178806.html

Bootstrap:http://www.cnblogs.com/liwenzhou/p/8214637.html

1. 今日内容

jQuery:

1. 创建标签
使用原生DOM的:
document.createElement("tr")
2. 设置标签的内容
.html()
.text()

3. 文档操作

append
appentTo

prepend
prependTo

after
insertAfter

before
insertBefore

4. 常用事件

5. 事件委派(利用事件冒泡 给一个未来的元素 绑定事件)

jQuery绑定时间唯一需要记住的一个方法:
$("...").on("click", function(){....})

$("tbody").on("click", ".delete", function(){....})

2. Bootstrap
http://www.cnblogs.com/liwenzhou/p/8214637.html
https://v3.bootcss.com/

1. 常用样式
栅格系统
1. row表示一行,通常要放在container里面
2. 列必须放在row中,一行被均分成12列
3. 只有列能做row的直接子元素

col-xx-**
xx取值范围:xs sm md lg
**取值范围:1-12
按钮组

输入框组

进度条

面板

... 其他见文档

2. 常用组件
1. 字体图标
https://fontawesome.com/v4.7.0/
https://fontawesome.com/v4.7.0/examples/

2. 模态框

3. 轮播图

3. 练习
1. 修改dashboard
2. adminLTE --> https://adminlte.io/

2. 本周作业
1. jQuery 表格增删改查的练习题
2. 后台管理页面自己写一下
3. 自己尝试修改adminLTE 模板



原文地址:https://www.cnblogs.com/shangdelu/p/8666283.html