jQuery 二

知识点：当你的jquery选择器，返回多个对象的时候，恰巧你要做统一的动作，不需要

循环 直接在后面就接动作

.each（）

　　$.each()

　　　　$.each([11,22,33],function(i,v)){

　　　　　　　　console.log(i,v);

})

　　$(':checkbox').each(function(){

　　　　console.log(this);//具体的标签-->DOM对象-->$(this).xxx()

　　　　})

 

事件绑定：

1.前情回顾
基本选择器
所有$("*")
标签选择器 $("标签名")
class选择器 $(".class名")
Id选择器 $("#id值")
组合选择器 $("条件1，条件2")

层级选择器
子子孙孙 $("条件1 条件2")
儿子 $("条件1 > 条件2")
毗邻 $("条件1 + 条件2")
弟弟 $("条件1~条件2") --> .siblings()


属性选择器

表单选择器

筛选器

.children()

2. 今日概要

1. 样式操作

.css()
获取具体CSS值

.css("color")

.css("color", "red")
.css("border", "solid 1px green")
.css({"color": "red", "font-size": "36px"})

位置相关的
CSS里面position都有哪些？ --> 赵龙飞说他忘了
1. static
2. absolute 绝对的 --> 需要有一个参照的对象
3. relative 相对的 --> 相对他本身应该在的位置，
4. fixed

jQuery里面
offset() // 获取匹配元素在当前视口的相对偏移
position() // 获取匹配元素相对父元素的偏移


返回顶部的例子：
1. scrollTop() --> 获取窗口滚动距离

2. $(window).scroll() --> 滚动触发

尺寸

height 本身
width

innerHeight 本身加padding
innerWdth

outerHeight 本身+paddding + border
outerWidth



2. 文本操作

text()
获取文本 --> 我的和我孩子们的
html()
获取标签 --> 所有HTMl内容
val()
input框的值
select --> value
multipleselect --> value值的数组

3. 属性操作
prop()
适用于checkbox和radio
返回值是true或false

attr()
获取其他属性或自定义属性
$("img").attr("src")
$("img").attr("nid")

4. 事件绑定
复习下：
目前为止学过的绑定事件的方式：
1. 标签内 onclik=funcName() function funcName(){/xxxx/}
2. <script>
var ele = document.getElementById("d1");
ele.onclik = function(){/blablabla.../}
</script>

3. ele.addEventListener("click", function(){...})

jQuery里的绑定事件：
.on()
$("#all").on("click", function(){
// blablabla...
})