jquery

jsDOM 和jqueryDOM转换

  1. var jsDom = document.getElementById(“name”)
  2. var jqDom = $("p");
  3. // js-->jquery
  4. jqDom = $(jsDOm);
  6. // jquery->js
  7. jsDom = jqDom.get(0);

选择器

$("h3.jy")//交集选择器，既是h3标签，class又是jy

层次选择器

  1. $("#menu span") // 后代选择器
  2. $("#menu>span") // 子代选择器
  3. $("#menu+span") // 下一个相邻的同辈元素
  4. $("#menu~span") // 下面所有的同辈元素

过滤选择器

  1. $("li:even) // 偶数行
  2. $("li:odd) // 奇数行
  3. $("li:eq(2)) // 下标为2的，下标从0开始

事件

元素的隐藏和显示

slideUp() // 向上收缩
slideDown // 向下伸展
fadeOut() //淡出
fadeIn() //淡入

DOM操作

  1. // 多个属性写成json格式
  2. $("img").attr( {width:"200",height:"200"} );
  3. //获得标签+文本
  4. $("div").html()
  5. //获得文本
  6. $("div").text()

ES6

let声明变量

  • var声明是全局变量，let 局部变量
  • var能声明多次，let 只能声明一次
  • 声明使用顺序不同。

const

声明后不能改变，必须初始化，只读常量

模板字符串

  • ` 定义多行字符串
  • 插入变量${age}
  • 插入函数${test()}

拓展运算符

  1. //深拷贝
  2. let user2 = {...user1}
  4. // 对象user1和user2的属性合并到user中
  5. let user = {...user1,...user2}

不定长参数

  1. …arg // 表示不定长参数
  2. for(var i=0;i<arg.length;i++)
  3. arg[i] // 取出不定长参数

Bootstrap

表单

内联表单 <form class="form-inline">

栅格系统