标签：框架   uid   row   expand   函数   var   提示   lock   选择器   

• 面向对象的继承

  1.类的继承
  2.高内聚低耦合
  """
  1.面条版
  2.函数版本
  3.拆分文件
  4.面向对象封装        
      模块
  """

• 面向对象魔法方法

• jQuery简介

• CDN内容分发网络

• jQuery选择器

• 表单筛选器

• 筛选器方法

• 操作标签各项数据

• 事件

• 动画效果

• 前端框架Bootstrap(复制粘贴)

表单筛选器

筛选器方法

绑定事件

    $(‘#d1‘).click(function () {
        alert(123)
    })
?
    $(‘#d1‘).on(‘input‘,function () {
        console.log($(this).val())
    })

阻止后续事件

return false

事件冒泡

1.return false
2.e.stopPropagation()

Bootstrap

1、下载源文件使用
2、CDN
"""Bootstrap是基于jQuery开发的"""
# 使用Bootstrap最好提前把jQuery先导入
?
"""
在使用Bootstrap的时候建议你第一次使用本地文件导入的方式
之后再使用CDN
原因:让pycharm能够加载并在后期自动提示bootstrap相关代码
"""
?
我们使用框架操作标签样式只需要修改class属性即可

布局容器

<div class="container-fluid">
</div>
<div class="container">
</div>

栅格系统

<div class="row">12份</div>
?
<div class="col-md-n"></div>

DAY 43 前端

标签：框架   uid   row   expand   函数   var   提示   lock   选择器   

原文地址：https://www.cnblogs.com/DEJAVU888/p/14893481.html