必威体育Betway必威体育官网
当前位置:首页 > IT技术

jquery中$.each()与$().each()使用实例

时间:2019-09-27 02:13:22来源:IT技术作者:seo实验室小编阅读:63次「手机版」
 

jquery each

1.在对数组操作的时候$.each()用的比较多

//[{name:"limeng",email:"xfjylimeng"},{name:"hehe",email:"xfjylimeng"}]是数组对象

$.each([{name:"xym",email:"[email protected]"},{name:"zhima",email:"[email protected]"}],function(i,n)
{
    alert("索引:"+i+"对应值为:"+n.name);//其中表示索引,n表示对象;
});

输出 0 xym 1 zhima

var arr1 = [ "one", "two", "three", "four", "five" ];
$.each(arr1, function(index){//index表示索引
   // alert(this); //输出 one two three four five
    alert(index); //输出0  1 2 3 4
    alert(arr1[index]);//输出 one two three four five

});
var arr2 = [[1, 2, 3], [4, 5, 6], [7, 8, 9]]
$.each(arr2, function(i, item){
    alert(item[2]);//输出3 6 9
   // alert(item[i]);//item表示数组 i 表示索引 输出1 5 9
});
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script>
    hi();
    function hi() {
        var obj = {one: 1, two: 2, three: 3, four: 4, five: 5};
        $.each(obj, function (key, val) {
            alert(obj[key]);
        })
    }

</script>

输出 1 2 3  4 5 相当于循环输出属性的值

function add(a,b){
alert(a+b);}

function sub(a,b){
alert(a-b);}

add.call(sub,3,1);

这个会输出add方法  输出4

2.在对DOM操作的时候$().each()

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script>
    $('li').each(function (i) {
        alert(i);
        alert($(this).text());//弹框分别输出 0 苹果 1 橘子 2 香蕉 其实function(i)中表示遍历的索引

    })
</script>

相关阅读

使用setTimeout实现setInterval的功能

timerFun() function timerFun(){ //要执行的操作 var timer=setTimeout(function(){  timerFun() clearTimeout(timer) },2000)

Couchbase使用入门

公司中用到couchbase,但是发现,关于couchbase的教程很少,再此,做一个整理。 Couchbase,是MemBase与couchDb这两个NoSQL数据库的合并的

solr7.4教程 使用solr的完整流程

转:https://blog.csdn.net/u010510107/article/details/81051795目录一、下载与安装二、运行solr三、创建core实例四、配置schema

jQuery插件使用

1.什么是jQuery插件? 往jquery类库里面去扩展方法,这类方法就是jquery插件。 2.json的三种格式 1 对象 2 列表/数组 3 混合模式

document.getelementbyid().value与innerHTML使用场景

首先getElementById()可以获取到页面上一个有id的元素,进而可以访问该元素的对应属性值,比如说value。<input type="text" id="txt"

分享到:

栏目导航

推荐阅读

热门阅读