jQuery工具函数上
1、字符串操作
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="js/jquery-1.7.1.js"></script>
<script>
$(function () {
var str = ' u ';
alert($.trim(str));
})
</script>
</head>
<body>
</body>
</html>
2、$.each()遍历数组和对象
<html>
<head>
<script src="js/jquery-1.7.1.js"></script>
</head>
<body>
<button>输出每个列表项的值</button>
<ul>
<li>Coffee</li>
<li>Milk</li>
<li>Soda</li>
</ul>
<div class="box">
</div>
</body>
</html>
JavaScript
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
var arr = [],
i = 0;
//alert(typeof (lis));
for(;i < $('li').length;i++) {
var lis = $('li').eq(i).html();
arr.push(lis);
}
//alert(arr);
$.each(arr,function (index, content) {
$('.box').html($('.box').html() + (index + 1) + '.' + content + '<br />')
});
});
});
</script>
遍历对象
$.each($.ajax(), function (name, fn) {
$('#box').html($('#box').html() + name + '.' + '<br /><br />');
})
3、$.grep()数据筛选
$(function () {
var arr = ['45','2','1','5','24','19'];
var arrGrep = $.grep(arr,function (ele, index) {
return index < 4 && ele > 3;
});
alert(arrGrep);//45,5
})
4、$.map()修改数据
<script>
$(function () {
var arr = ['4','6','2','9','11','25'];
var arrMap = $.map(arr,function (element, index) {
if(index < 5 && element < 6) {
return element +'1';
}
});
alert(arrMap);//41,21
})
</script>
5、$.inArray()获取查找到元素的下标
<script>
$(function () {
var arr = [4,11,4,5,6,6,7,8,];
var arrInArray = $.inArray(11,arr);
alert(arrInArray);//1
})
</script>
6、$.merge()合并两个数组
$(function () {
var arr = [4,11,4,5,6,6,7,8];
var arr2 = [14,111,41,5,6,6,7,8];
var arrMerge = $.merge(arr2,arr);
alert(arrMerge);//14,111,41,5,6,6,7,8,4,11,4,5,6,6,7,8
})
7、$.unique()删除重复的 DOM 元素
$(function () {
var divs = $('div').get();
divs = divs.concat($('.box').get());//get() 方法获得由选择器指定的 DOM 元素。concat()方法用于连接两个或多个字符串。
alert($(divs).size()); //size()必须要用jQuery的方法（$(divs),而不是divs）
$.unique(divs);
alert($(divs).size());
})
8、.toArray()合并多个 DOM 元素组成数组
$(function () {
var lis = ($('li').toArray());
alert(lis.length);
});
