Jquery、
Bootstrap、
Django
上周Jquery
选择器 基本选择器： id $("#id") class $(".class") 标签选择器 $("标签名称") 组合选择器： 后代选择器 $(".outer p") 子代选择器 $(".outer>p") 多元素选择器：$(".outer,#d1") 属性选择器： $("[属性名='值'][.....]") 表单选择器： 针对表单元素 $("[type='text']") ============= $(":text") 筛选器：$("ul li").eq() $("ul li").first() $("ul li").last() $("").hasclass("c1") 导航查找方法 ： 向下查找兄弟标签： $().next() $().nextAll() $().nextUntil(".c1") 向上查找兄弟标签： $().prev() $().prevAll() $().prevUntil(".c1") 可以查找所有兄弟标签： $().siblings() 查找子标签： 子代查找：$().children("") 后代查找： $().find("") 查找父级标签：$().parent() $().parentUntil("") 属性操作 文本操作： 取值：$().html() $().text() 赋值：$().html(“”) $().text(“”) $().val() 属性操作： DOM: ele.属性名=值 ele.setAttribute("属性名","值") juqery：取值： $().attr("属性名") 赋值：$().attr("属性名"，"值") $().prop("checxked") $().prop("selected") class属性操作： $().addClass("c1") $().removeClass("c1") 左侧菜单： jquery支持链式操作 $(this).html("hello").next().css("color","red") 节点操作： 创建节点 ： $(" <标签名> ") 添加节点： 父节点.append(子节点) 子节点.appendto(父节点) css操作：
属性操作-attr方法.htmlPPP
事件绑定.html
- 111
- 222
- 333
$(function () { $("botton").on("click","li",function () { alert(123); }); $("botton").click(function () { alert(123); }); $("ul").on("click","li",function () { alert(123) }) //each循环111
222
333
// $,each的遍历循环方式1： $.each(obj,function)==================================== var arr=[11,2,34]; $.each(arr,function (i) { console.log(i); }) $.each(arr,function (i,v) { console.log(i,v); })var obj={"name":"yuan","age":"18"}$.each(obj,function (i,v) { console.log(i,v)}) // $,each的遍历循环方式2：$("").each(function) $("p").each(function (i,v) {// console.log($(this).html())// console.log(i,v); if(i == 1){ $(this).css("color","red"); } })表格操作.html----全选、反选、取消
| 张三 | 12 | s6 | |
| 张三 | 12 | s6 | |
| 张三 | 12 | s6 | |
| 张三 | 12 | s6 |
DIV
文档节点操作.html --- hello world
克隆实例.html
动画效果.html ------显示、隐藏、切换yuan
动画效果.html -----淡入淡出淡入淡出是透明度的变化，由深变浅yuan
css操作 $().offset $().positon偏移量.html position.htmltab.html 显示菜单，对象显示内容前端：看谁的页面好看就拿谁的内容一内容二内容三
Bootstrap、
"put|67612|a.png" 关于http协议： 基于TCP协议 请求协议：（浏览器发送给服务器） 请求首行 GET url http 1.1 请求头 Accept:text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8 Accept-Encoding:gzip, deflate, br Accept-Language:zh-CN,zh;q=0.8 Cache-Control:max-age=0 Connection:keep-alive Content-Length:17 空行 请求体 a=1 b=2 注意：GET请求不会把请求数据放在请求体中，会放在url后面，比如http://www.cnblogs.com/wupeiqi/articles/5237672.html?a=1&b=2 响应协议：（服务器发送给浏览器的） 响应首行 HTTP协议版本号， 状态码， 状态消息 响应头 空行 响应正文 html页面 url： http://www.baidu.com http://www.cnblogs.com/wupeiqi/articles/5237672.html?a=1&b=2 协议：http 域名：www.cnblog.com 路径：/wupeiqi/articles/5237672.html get请求数据：?a=1&b=2 get请求： （1）地址栏输入url （2）点击 （3）post请求：
bootstrap中文网Bootstrap前端框架v3.bootcss.com 下载源码 解压.dist CDN引入方式socketserver 1-7步Django web应用框架bs文件夹 dist文件夹 css bootstrap.css js bootstrap.js fontsbsDemo.htmlv3.bootcss.com/components/ 图标下文字直接用v3.bootcss.com/getting-stratedv3.bootcss.com/css栅格系统.html
姓名 年龄 班级 zhang san 18 py18 zhang si 19 py19 yuanalexegon.col-md-1.col-md-1.col-md-1.col-md-1.col-md-1.col-md-1.col-md-1.col-md-1.col-md-1.col-md-1.col-md-1.col-md-1.col-md-8.col-md-4.col-md-4.col-md-4.col-md-4.col-md-6.col-md-6yuan111222222
Django
MTV： URL： url的路径与视图函数的映射关系 http://jd.com/caidian/ caidian-----foo() http://jd.com/car/ car---------bar() http://jd.com/login/ login---------login() views: 逻辑处理 models：与数据库相关的操作 template(模板): 与html文件相关的操作创建项目命令：django-admin startprject 项目名 创建应用命令：python manage.py startapp appname 启动项目： python manage.py runserver IP PROTmysite manage.py 操作Django项目 mysite： settings：配置 urls： 路径与视图的映射关系 wsgi： 创建socket（解析，封装数据的过程） app01: views: 存放视图函数 models：处理数据库 浏览器 urls：ajsdhsalkda ashdksa asjdfa urls.py:
Django web框架 769056.html Django-MTV 7629939.html 2节课内容来讲demo2.htmlpip3 install Django 安装Django 源的问题，豆掰源或阿里源文件夹下scripts中有Django-admin.exe/js 加入环境变量cmd:django-admin startproject myusite 生成项目 生成mysite文件夹项目与应用的关系：1、一个项目中有多个应用。 2、一个应用可以有多个项目用项目包含应用mysite文件夹 manage.py:是控制项目的 操作Django项目 mysite: settings:配置 urls: 路由控制器 路径与视图函数的映射关系 wsgi.py: 创建socket对象（封装、解析数据的过程）创建应用命令cmd:python manage.py startapp app名/app01 增加app01文件夹app01： models:处理数据库 views:存放视图函数pycharm 新建Django项目：more settings 创建app01\启动项目：python manage.py runserver IP PORT 本机8000默认pycharm Terminal python manage.py runserver127.0.0.1/8000/timer 实现由时间显示的需求