请选择 进入手机版 | 继续访问电脑版
开启辅助访问
帐号登录 |立即注册

jQuery方法之next prev find eq index attr

 
HTML页面结构:
<body>
<div>div</div>
<span>span</ span>
<p>p</p>
</body>

1、next()
<script>
$ (function () {
$('span') . next () .css ('background', 'red');
});
</script>

//改变<p>p</p>背景样式。

2、prev()
<script>
$ (function () {
$('span') . prev() .css ('background', 'red');
});
</script>

//改变<div>div</div>背景样式。

3、find()
<div>
<h3>h3</h3>
<h2>h2</h2>
<h3>h3</h3>
<h3>h3</h3>
<h2 id='h'>h2</h2>
<h2>h2</h2>
</div>

<script>
$ (function() {
$('div')l. find('h2') .css ('background', 'red');
}) ;
</script>

//div中多条H2的内容,样式会改变。

eq()
$('div') .find('h2') .eq(1) . css (' background', 'red') ;
索引为1的h2会发生样式改变

index()
$ (function() {
alert( $('#h').index() );
}) ;

//索引index()就是当前元素在所有兄弟节点中的位置,此处结果为4

回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

友情链接
  • 艾Q网

    提供设计文章,教程和分享聚合信息与导航工具,最新音乐,动漫,游戏资讯的网站。