工作中遇到jquery/javascript整理

1、frameset框架 在top iframe里控制left iframe内容跳转

javascript的写法：

parent.document.getElementById("leftFrame").src = "/platform/left?type=4";

jquery的写法

$('#leftFrame', parent.document).src = "/platform/left?type=4";

2、checkbox通过元素名获取所有选中的元素

$("input[name=th]:checked");

3、foreach循环选中的元素

$("input[name=th]:checked").each(function(){

console.info($(this).val());

});

4、获取table下第二个tr开始所有tr的元素

$("#sp tr:gt(0)");

定义和用法

:gt 选择器选取 index 值高于指定数的元素。

index 值从 0 开始。

经常与其他元素/选择器一起使用，来选择指定的组中特定序号之后的元素（如上面的例子）。

5、时间类型显示，后台传过来的时间为unix timestamp，转换为时间格式string显示

var time = new Date(data.regexpire).format("yyyy-MM-dd hh:mm:ss");

6、获取子元素 通过table 的id获取第一个tr下第三个td

$(this).find(":nth-child(3)");

定义和用法

:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。

n 可以是数字、关键词或公式。

引申：

1：children及find方法都用是用来获得element的子elements的，两者都不会返回 text node，就像大多数的jQuery方法一样。
2：children方法获得的仅仅是元素一下级的子元素，即：immediate children。
3：find方法获得所有下级元素，即：descendants of these elements in the DOM tree
4：children方法的参数selector 是可选的（optionally），用来过滤子元素，但find方法的参数selector方法是必选的。
5：find方法事实上可以通过使用 jQuery( selector, context )来实现：英语如是说：Selector context is implemented with the .find() method; therefore, $('li.item-ii').find('li') is equivalent to $('li', 'li.item-ii').