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

jQuery——jQuery基础方法first()/last()/not(CSS选择器)/even/odd/eq(index)/gt(index)/lt(index)

2013-11-25 12:01 246 查看
<!--

jQuery——jQuery基础方法first()/last()/not(CSS选择器)/even/odd/eq(index)/gt(index)/lt(index)

:first()获取到jQuery对象中的第一个匹配元素

:last()获取到jQuery对象中的最后一个匹配元素

:not(CSS选择器)根据获取到的jQuery对象去除掉所有匹配的“CSS选择器”,获取最后的结果集

:even匹配所有索引值为偶数的元素,从 0 开始计数

:odd匹配所有索引值为奇数的元素,从 0 开始计数

:eq(index)匹配一个给定索引值的元素

:gt(index)匹配所有大于给定索引值的元素

:lt(index)匹配所有小于给定索引值的元素

注:这里需要记住,这些参数拼接成CSS选择器的差异性,以及是否可以通过jQuery对象进行方法获取,详细请看下面例子:

-->

例子如下:

<div id="name" class="">

<span id="" class="" >nani</span>

</div>

<div id="" class="">

kobicc

</div>

</body>

<script language="javascript">

<!--

alert($("div:first").html());

alert($("div").first().html()); //以上这两种方式都是正确的

alert($("div:last").html());

alert($("div").last().html()); //以上这两种方式都是正确的

alert($("div:not('#name')").html());

alert($("div").not('#name').html()); //以上这两种方式都是正确的

alert($("div:even").html());

alert($("div:odd").html());

alert($("div:eq(0)").html());

alert($("div").eq(0).html());

alert($("div:eq(1)").html());

alert($("div").eq(1).html());

//-->

</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐