jQuery小记

最近接到一个项目，前端是bootstrap，用的jQuery，把尘封的jQuery记忆快速回忆一遍

jQuery是如何通过class来获取元素

// 获得dom对象
var obj = $('#xx')[0] 

// 对于数组
var obj = $('.xx').each(function()
	alert(this)//这里 this获得的就是每一个dom对象 如果需要jquery对象 需要写成$(this)
);

jQuery数组转json

var arr = [];
arr.push('aa');
arr.push('bb');
arr.push('cc');
var json = JSON.stringify(arr);

数组的操作

// 数组的创建
var arr = new Array();
var arr = [];

// 数组的访问
arr[1];

// 数组的添加
arr.push('aa'); // 添加到数组结尾
arr.unshift('aa'); // 添加到数组开头
arr.splice(1, 0, 'aa'); // 将元素添加到1位置

// 数组元素的删除
arr.pop(); // 删除最后一个元素
arr.shift(); // 删除第一个元素
arr.splice(1, 2); // 从1位置删除接下来的2个元素

// 数组的截取和合并
arr.slice(start); // 返回start之后的元素
arr.slice(start, end); // 返回start到end之前的元素（不包括end）
arr.concat('aaa', arr); // 将多个数组、字符串等连接为一个数组

// 数组的拷贝
arr.slice(0);
arr.concat();

// 数组的排序
arr.reverse();
arr.sort();

// 数组字符串化
arrayObj.join(separator); //返回字符串，这个字符串将数组的每一个元素值连接在一起，中间用 separator 隔开。
toLocaleString 、toString 、valueOf：可以看作是join的特殊用法，不常用

// 过滤数组
// $.grep(array, callback, [invert]) 过滤数组，此函数至少传递两个参数(第三个参数为true或false,表示是否取反): 待过滤数组和过滤函数. 过滤函数必须返回 true 以保留元素或 false 以删除元素

// grep(array,callback,invert)
// array：待过滤数组;
// callback：处理数组中的每个元素，并过滤元素，该函数中包含两个参数，第一个是当前数组元素的值，一个是当前数组元素的下标，即元素索引 值，,此函数应返回一个布尔值 如$.grep(arr,function(value,index){return index>1;});。另外，此函数可设置为一个字符串，当设置为字符串时，将视为“lambda-form”（缩写形式？），其中 a 代表数组元素，i 代表元素索引值。如“a > 0”代表“function(a){ return a > 0; }”
// invert：布尔型可选项，默认值false，值为true或false。 如果 “invert” 为 false 或为设置，则函数返回数组中由过滤函数返回 true 的元素，当”invert” 为 true，则返回过滤函数中返回 false 的元素集。

// 使用grep删除指定值
var arr = [1, 2, 3, 4, 5];
var removeItem = 2;
     arr = $.grep(arr, function(value) {
    return value != removeItem;
});

// 数组遍历
var _mozi=['墨家','墨子','墨翟','兼爱非攻','尚同尚贤']; //本文所用到的数组, 下同 
$.each(_mozi,function(key,val){ 
    //回调函数有两个参数,第一个是元素索引,第二个为当前值 
    alert('_mozi数组中 ,索引 : '+key+' 对应的值为: '+val); 
}); 

jQuery提交json

$.ajax({
         url: "/login",
         data: JSON.stringify({"username":"zhangsan","password":"123"}),
         method: "post",
         dataType: "json",
         contentType: 'application/json',
         success: function (r) {
        	 console.log(r)             
         }
});

js判断字符串是否为整数

if(!/^\d+$/.test(str)) {
	alert("不是整数");
}