1.对元素进行遍历
$("ul>li").each(function (index) { //index 元素索引
console.log($(this), index);
});
2.通过索引获取元素
console.log($("ul>li").get(1)); //eq
//index() 方法不加参数 获取当前元素的索引 集合默认获取第一个
console.log($("ul>li").eq(1).index());
console.log($("ul>li").index($("ul>li").eq(3)));
console.log($("ul>li").index($("ul>li").eq(2)[0]));
$("button").data("key-v","123");
console.log($("button").data("key-v"));
$("button").removeData("key-v");
console.log($("button").data("key-v"));
3.获取到原始的选择器
* 获取到原始的选择器 selector
* */
console.log($("ul>li").selector);
console.log($("ul>li").context);//document
4.扩展的方法
$.extend({
isNumber:function (){
console.log("检测是否是数字",this);
},
isArrayTo:function (){
}
});
//$.extend 扩展的方法 使用 直接$点
$.isNumber();
/*
* 扩展到jquery上
* */
$.fn.extend({
myMap:function (){
console.log(this);
}
});
5.合并对象
$("ul>li").myMap();
/*
* 合并对象
* */
var a={
a:1,
b:2,
d:5
}
var b={
a:2,
b:3,
c:4
}
console.log(Object.assign({}, a, b));
console.log($.extend({}, a, b));
6.将类数组转化为数组
console.log($("li"));
console.log($.makeArray($("li")));
console.log($.map($("li"), function (ele, index) {
return ele;
}));
7.数组里查找
console.log($.inArray(5, [1, 2, 3])); //找到 返回索引 没有返回-1
console.log($.inArray($("li").eq(1)[0], $("li")));
console.log($("li").toArray()); //沾化数组
var obj={
a:function (){
console.log(1);
}
}
/* $("ul").click($.proxy(obj.a,obj));*/
function bok(){
console.log(12);
}
$("ul").click($.proxy(window.b,window));
console.log($.proxy(obj.a,obj));
console.log($.isArray(1)); //检测是否是数组
console.log($.isFunction(bok)); //检测是否是函数
console.log($.isEmptyObject({}));
console.log($.isEmptyObject(obj));
console.log($.trim(" a b c d ").length);
console.log(" a b c d ".trim().length);