JQuery核心函数
- JQuery核心函数有两种写法
$();
jQuery(); - 核心函数接收一个字符串选择器
返回一个jQuery对象, 对象中保存了找到的DOM元素
var oBox1 = $(".box1");
console.log(oBox1);
- 接收一个字符串代码片段
返回一个jQuery对象, 对象中保存了创建的DOM元素
var $p = $("<p>我是P</p>");
oBox1.append($p);
- 接收一个DOM元素
会被包装成一个jQuery对象返回给我们
var oSpan = $("span");
console.log(oSpan);
JQuery静态方法
each方法
- 原生foreach
第一个参数: 遍历到的元素
第二个参数: 当前遍历到的索引
arr.forEach(function (value,index) {
console.log(index, value);
});
注意点:
原生的forEach方法只能遍历数组, 不能遍历伪数组
- JQuery提供的each方法
// 1.利用jQuery的each静态方法遍历数组
/*
第一个参数: 当前遍历到的索引
第二个参数: 遍历到的元素
*/
//遍历数组
$.each(arr,function (index, ele) {
console.log(index, ele);
});
//遍历对象
$.each(obj,function (index,ele) {
console.log(index, ele);
});
注意点:
jQuery的each方法是可以遍历伪数组
map方法
第一个参数: 要遍历的数组
第二个参数: 每遍历一个元素之后执行的回调函数
回调函数的参数:
第一个参数: 遍历到的元素
第二个参数: 遍历到的索引
var res = $.map(arr,function (value,index) {
console.log(index, value);
return index + value;
});
jQuery中的each静态方法和map静态方法的区别:
each静态方法默认的返回值就是, 遍历谁就返回谁
map静态方法默认的返回值是一个空数组
each静态方法不支持在回调函数中对遍历的数组进行处理
map静态方法可以在回调函数中通过return对遍历的数组进行处理, 然后生成一个新的数组返回
$.trim()方法
作用: 去除字符串两端的空格
参数: 需要去除空格的字符串
返回值: 去除空格之后的字符串
var str = " lnj ";
var res = $.trim(str);
$.isWindow()方法
参数: 需要判断的对象
作用: 判断传入的对象是否是window对象
返回值: true/false
// window对象
var w = window;
var res = $.isWindow(w);
$.isArray()方法
作用: 判断传入的对象是否是真数组
返回值: true/false
var res2 = $.isArray(arr);
$.isFunction()方法
作用: 判断传入的对象是否是一个函数
返回值: true/false
var res3 = $.isFunction(fn);
