您的位置:首页 > Web前端 > JQuery

JQuery API 再复习发现的选择器和方法

2016-06-02 15:08 381 查看
今天没有什么任务,就自己安排学习JQuery API,发现了以前不清楚或者不常用的好方法。现总结分享如下:

选择器

$("p:first");第一个P
$("p:last");最后一个P
$("tr:even");偶数行
$("tr:odd");奇数行
$("ul li:gt(3)");index>3
$("ul li:lt(3)");index<3
$(":header")所有标题元素<h1>--<h6>
$(":animated")处于动画的元素
$(":contains('W3School')")包含指定字符串
$(":empty")无子元素
$("[href$='.jpg']")所有 href 属性的值包含以 ".jpg" 结尾的元素
$(":button")所有 type="button" 的 “<input>” 元素


方法

after(),before(),insertAfter(),insterBefore()外部插入,返回对象不一样。
prepend(),prependTo()内部插入。前置内容,append().appendTo()追加内容。

.empty()只是清空该元素的下面的子元素,不删除本身
.remove(),删除节点本身和节点下的所有后代节点,所有的都删除。
.detach()保留数据的删除,让web元素托管,所有绑定的事件和附加数据都会保留下来。

$("div").clone().css("color","red")//只克隆结构,事件丢失
$("div").clone(true)//结构,事件数据都克隆


小技巧

如何从一个未排序的集合中找出某个元素的索引号
$("ul > li").click(function () {
var index = $(this).prevAll().length;
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: