HTML

1.选择器：$('css3语法选择器')

2. js、jq对象转换

　　js：

    　　定义：运行在浏览器上的前端脚本编程语言
    　　作用：处理前端数据、渲染页面、修改样式、完成交互、前后台数据通信
    　　三种引入：
    　　　　基本数据类型：数字、布尔、字符串、未定义、数组(list)、对象(dict)、函数、null
    　　　　弱语言：根据当前实际的运行环境，自动绝对存储数据的类型
　　_divs = $('.div') _divs[0] => js对象
　　div = document.querySelector('.div') $(div) => jq对象

3.操作页面的三步骤:选择器、事件、具体操作
　　$('.div').on('事件名', function() {
　　// 具体操作
　　this => js对象
　　$(this) => jq对象
　　})

4.内容操作 obj代表jq对象
　　赋值: obj.text("value") | 取值：obj.text()
　　obj.html([value])
　　obj.val([value])：表单元素，有value属性的标签
　　赋值: obj.attr('属性名', '属性值|可以是函数') | 取值：obj.attr('属性名')

5.样式
　　obj.css('样式名', 样式值)
　　obj.css({
　　样式名1: 样式值1,
　　// ...
　　样式名n: 样式值n
　　})
　　obj.addClass()
　　obj.removerClass()
　　obj.toggleClass()

6.其他
　　width: obj.width()
　　height: obj.height()
　　padding左右+ width：obj.innerWidth()
　　padding上下+ height：obj.innerHeight()

7.创建标签添加到页面
　　div = $('<div class="div"></div>')
　　div.text("内容")

　　$('body').append(div) 末尾
　　$('body').prepend(div) 来头
　　$('p').before(div) 前
　　$('p').after(div) 后

　　div.remove() #自己删除自己

8.关系
　　obj.children()
　　obj.parent()
　　obj.next() obj.nextAll()
　　obj.prev() obj.prevAll()
　　obj.siblings()
注：关系不强烈，用选择器获取