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]")