JQuery总结-ready函数、遍历数组和键值对、获取控件

最新推荐文章于 2021-04-15 22:31:08 发布

原创最新推荐文章于 2021-04-15 22:31:08 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript/JQuery 专栏收录该内容

22 篇文章

订阅专栏

1. ready函数：页面加载后会自动执行的函数，一般用来动态创建控件或给控件绑定事件、设置样式等。

        //完整版的ready函数
        $(document).ready(function () { alert("dom is ready,类似于注册一个body.onload()"); });

        //简化版ready函数
        $(function () { alert("我是简写的ready"); });

2.循环

a. 遍历数组

       //数组
        var arr = [1, 2, 3, 4];
       //对数组内每个元素进行操作  返回新产生的数组  item为数组内的每一项
        var arr2 = $.map(arr, function (item) { return item + 10; });
       //普通遍历数组  function括号内为下标,值
        $.each(arr2, function (index, value) { alert(index + ":" + value); });

b.遍历键值对

       //键值对
        var dic = { "a": "1", "b": "2" };
       //function括号内是Key,value
       $.each(dic, function (key, value) { alert(key + ":" + value); });

c.遍历控件集合（两种方式）

        控件集合.each(function () { $(this).xxx });
        $.each(控件集合, function () { $(this).xxx});

3.获取控件

a.根据id获取控件

$("#id")

b.根据标签获取控件集合

$("p")

c.根据样式获取控件集合

$(".cssTest")

d.获取所有div中第一个(也可以是其他控件)

$("div:first")

e.获取所有div中最后一个

$("div:last")

f.获取div中排序是基数的

$("div:even")

g.获取div中排序是偶数的

$("div:odd")

h.获取前三个div（0，1，2）

 $("div:lt(3)")

i.获取第四个div（下标为3的）

$("div:eq(3)")

j.获取下标大于3的

 $("div:gt(2)")

k.获得id=tbl表格的所有tr

$("#tbl tr")

l.获得id=tbl表格的所有tr:第一个后面的：奇数个该处的奇数，从第一个后重新开始计算

$("#tbl tr:gt(0):even")

m.所有有id属性的div

$("div[id]")

n.所有title属性=t的层

$("div[title=t]")