<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript" src="js/jquery-3.3.1.js"></script>
<meta charset="UTF-8">
<title>常用的函数</title>
</head>
<body>
<ul>
<li>1最新电影<a href="">立即播放</a></li>
<li>20最新电影<a href="">立即播放</a></li>
<li>3最新电影<a href="">立即播放</a></li>
<li>4最新电影<a href="">立即播放</a></li>
<li>5最新电影<a href="">立即播放</a></li>
<li>6最新电影<a href="">立即播放</a></li>
<li>7最新电影<a href="">立即播放</a></li>
<li>8最新电影<a href="">立即播放</a></li>
<li>9最新电影<a href="">立即播放</a></li>
<p>我是另类啊！</p>
<li>10最新电影<a href="">立即播放</a></li>
</ul>
</body>
<script type="text/javascript">
// get
//$('li').get(1).style.color = 'red';
//eq 选取指定位置的元素
// $('li').eq(3).css('color','red');
// 指定位置的后一个 next
// $('li').eq(3).next().css('color','red');
// 指定位置的后面全部元素
// $('li').eq(3).nextAll().css('color','red');
// 指定位置的前面元素
// $('li').eq(3).prev().css('color','red');
// 指定位置的前面全部元素
// $('li').eq(3).prevAll().css('color','red');
//去除指定位置的元素不改变，其他位置都改变
// $('li').eq(3).siblings().css('color','green');
//获取指定范围的元素slice 不会取到结束位置的元素
$('li').slice(2,5).css('color','green');
// 遍历元素
$('li').each(function () {
$(this).css('background-color','skyblue');
})
</script>
</html>博客列表 >常用的过滤器函数
常用的过滤器函数
- 彪小A的博客原创转载
- 2018年04月08日 14:31:38640浏览
上一条：20180329作业下一条：Jquery 标签属性，样式
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议
