jquery笔记

jquery

jquery:js的脚本库，可以简便的实现js DOM遍历，操作，事件处理，动画，ajax等操作
优势，尺寸小，支持css3选择器，跨浏览器
引入jQuery后 全局域会添加变量$（或者jquery）
取对象的属性，-般采用对象.属性名;
但是当属性名为数字时，采用对象[属性名] (类似数组)
jquery 支持链式调用
本质是调用方法 得到方法的返回值对象 该对象再去调用下一个方法
所以 要想支持链式调用 方法必须要有返回值 返回值对象还包含下一个方法。
一般情况下 返回的都是this。

para1:key,string类型，属性名称：
para2：value，string类型，属性值
result.css(“color”, “red”);

para1:对象类型，多个key-value构成样式对象
result.css({
    "font-size": "50px",
    "border": "1px solid black"
})
 para1:key,string 类型，属性名称
para2:function;
para1:该元素的索引
para2:该元素该样式的旧值
函数的返回值就是设置的样式的新值
result.css("font-size", function (index, value) {
    console.log(index);
    console.log(value);
    return 10 * (index + 1)
})

// para1：string类型，样式类
// 给jquery对象中每一个标签都添加class
$(“ul li”).addClass(“black”)
// para1 string类型，待删除的样式类
//删除jquery对象中每一个标签的指定class
$(“ul lu”).removeclass(“red”)

// paral:string类型,待添加或者删除的样式类
// toggle:开关; 有则删，无则加;
$("u1 li").toggleClass("second");

// 取值
// width/height 内容content
// innerWidth/innerHeight:内容+内边距 content+padding
// outerWidth/ outerHeight:内容+内边距+边框 content+padding+border

// para1:string类型， 属性名称
// para2:string类型， 属性值
$(“p”).attr(“id”, “hello”)
para1 动画时间
// para2 透明度值
// para3 动画缓释函数，可以省略 linear 和 swing
// para4 动画结束的回调函数
// $(“div”).fadeTo(1000, 0.5, “linear”, function () {
// console.log(“动画结束了”)
// });
// $.grep:数组过滤 类似数组的filter方法
// para1，原数组
// para2,过滤数组
// para1，元素
// para2 ，元素索引
// 必须有Boolean返回值 true 说明该元素满足过滤条件 会添加到结果数组中
// false 说明该元素不满足过滤条件
var result = $.grep(nums, function (value, index) {
return value % 100 == 0;
})
// $.map:映射 类似数组的map方法
// para1 原数组
// para2 映射函数
// para1 元素
// para2 元素索引
// 返回值是 基于映射关系得到的新元素，会被添加到结果数组中
// 结果数组与原数组中元素数目一致 一一对应
result2 = $.map(nums, function (value, index) {
return 2 * value + 1
})
//call:修改this指向，并调用方法;方法需要的参数一个一个传递
//apply:修改this指向，并调用方法，方法需要的参数以数组的形式传递
// bind:修改this指向 但是不会调用方法 会返回一个this被修改的新函数 需要时自己调用