jquery元素序列化执行或序列化

1.each()事件遍历所有满足条件的元素

<script>
$(document).ready(function(){
    $("button").click(function(){
        $("li").each(function(){
            alert($(this).text())
        });
    });
});
</script>
<body>

<button>输出每个列表项的值</button>
<ul>
<li>Coffee</li>
<li>Milk</li>
<li>Soda</li>
</ul>

</body>

2.$.param建立对象随后遍历:

<script>
$(document).ready(function(){
    personObj=new Object();
    personObj.firstname="John";
    personObj.lastname="Doe";
    personObj.age=50;
    personObj.eyecolor="blue"; 
    $("button").click(function(){
        $("div").text($.param(personObj));
    });
});
</script>
<body>

<button>序列化对象</button>
<div></div>

</body>

3.toArray建立数组并遍历

<script>
$(document).ready(function(){
    $("button").click(function(){
        x=$("li").toArray()
        for (i=0;i<x.length;i++)
        {
            alert(x[i].innerHTML);
        }
    });
});
</script>
<body>

<button>输出每个li的值</button>
<ul>
<li>Coffee</li>
<li>Milk</li>
<li>Soda</li>
</ul>

</body>

 

posted @ 2018-01-27 17:08  SKZB  阅读(136)  评论(0编辑  收藏  举报