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);
});
jQuery工具函数上的更多相关文章
- 从零开始学习jQuery (九) jQuery工具函数
一.摘要 本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍. 我们经常要使用脚本处理各种业务逻辑, 最常见的就 ...
- jQuery 工具函数
jQuery工具函数 一.$.browser对象属性 属性列表 说明 webkit webkit相关浏览器则返回true,否则返回false,如google,傲游. mozilla mozilla相关 ...
- jQuery工具函数(转)
原文地址:http://www.cnblogs.com/kissdodog/archive/2012/12/27/2835561.html 作者:逆心 ------------------------ ...
- 4月13日学习笔记——jQuery工具函数
浏览器及特性检测 jQuery.support.boxModel 如果这个页面和浏览器是以 W3C CSS 盒式模型来渲染的,则等于 true.通常在 IE 6 和 IE 7 的怪癖模式中这个值是 f ...
- jQuery工具函数
要点:1.字符串操作2.数组和对象操作3.测试操作4.URL 操作5.浏览器检测6.其他操作 工具函数是指直接依附于 jQuery 对象,针对 jQuery 对象本身定义的方法,即全局性的函数.它的作 ...
- 分享几个实用的jquery工具函数
1.$.browser对象属性 属性列表 说明 webkit webkit相关浏览器则返回true,否则返回false,如google,傲游. mozilla mozilla相关浏览器则返回tru ...
- jquery工具函数browser() 辨别浏览器
1.browser属性不是一个函数是一个全局对象,可以辨别客户端浏览器. 2.属性1:$.browser.msie如果返回true则客户端浏览器是ie.相似的$.browser.safari返回tru ...
- jQuery工具函数下
测试操作 1.判断是否为数组对象 $(function () { //判断是否为数组对象 var arr = [1,2,3,4]; alert($.isArray(arr));//true }); 2 ...
- JQuery中的工具函数总结
前提引入 前提当然也是要引入Jquery啦... <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" typ ...
随机推荐
- git push和git pull
git push git push如果直接使用,不加repository和refspec,那么首先根据当前branch的branch name,在配置文件中找到branch.branchName.re ...
- gradle构建依赖
本地依赖 gradle 作为构建工具,能够很方便的使用本地jar包,以下为使用的代码块. dependencies { //单文件依赖 compile files('libs/android-supp ...
- centos 6.4从源码安装mysql 5.6笔记
上周在安装mysql时遇到了些许麻烦,今天整理下. 在代码目录建立obj文件夹. 在obj目录下,执行cmake .. -DXXX // XXX表示一些参数,详见http://dev.mysql.c ...
- 整合spring2 + struts1.2 + hibernate3.2 .
1 可恶的myeclipse 为了开发方便,我选择了myeclipse,因为它集成了很多框架,而不致于自己去倒入很多lib.但就是因为这一点,成了我这次组合的致命伤.SSH因为其是开源框架,自 ...
- 一个简单的网页读字符串 SpeechLib
//引用组件:Interop.SpeechLib.dll//导入空间:SpeechLib //引用组件:Interop.SpeechLib.dll//导入空间:SpeechLib 前面设置内容引用别人 ...
- ASP.NET MVC 4.0 学习4-Code First
之前我們需要用到的數據,通過添加Entity實體數據模型把數據庫中需要的Database拉到項目中如下圖, 而就是Code First就是相對於這種處理數據的方法而言的 Code First更加準確的 ...
- git diff 使用
1. 本地工作目录与远程仓库对比(所有改动过的文件) git diff HEAD (HEAD指向最新一次的提交,即最新版本) 2. 之对比给定的文件 git diff -- filename //是 ...
- linux vim 常用命令
一. VIM高亮 进入vim后,在普通模式下输入如下命令,开启php代码高亮显示 :syntax enable :source $VIMRUNTIME/syntax/php.vim二. VI常用命令_ ...
- WPF 资源收集
转载地址:http://www.cnblogs.com/zhoujg/archive/2009/11/04/1596195.html OpenExpressApp的UI现在是使用WPF,所以熟悉WPF ...
- 24c16读写驱动程序
//////////////////////////////////////////////////////////////// //24c16读写驱动程序 // //模块调用: //读数据:read ...