7.05—055—周五

今日所学内容

1.选择器：$('css3语法选择器')
2. js、jq对象转换
　　_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()
注：关系不强烈，用选择器获取

转载于:https://www.cnblogs.com/Chinesehan/p/11154095.html