在线客服
扫描二维码
下载博学谷APP扫描二维码
关注博学谷微信公众号
jQuery选择集转移怎么操作?如何写代码?选择集是通过$()方法获取到的所有标签的集合。选择集转移以选择的标签为参照获取转移后的标签。
选择集转移学习目标:能够说出2种选择集转移方法
1. 选择集转移是什么?
选择集转移就是以选择的标签为参照,然后获取转移后的标签。
2. 选择集转移操作
$('#box').prev(); 表示选择id是box元素的上一个的同级元素
$('#box').prevAll(); 表示选择id是box元素的上面所有的同级元素
$('#box').next(); 表示选择id是box元素的下一个的同级元素
$('#box').nextAll(); 表示选择id是box元素的下面所有的同级元素
$('#box').parent(); 表示选择id是box元素的父元素
$('#box').children(); 表示选择id是box元素的所有子元素
$('#box').siblings(); 表示选择id是box元素的其它同级元素
$('#box').find('.myClass'); 表示选择id是box元素的class等于myClass的元素
选择集转移的示例代码:
<script>
$(function(){
var $div = $('#div01');
$div.prev().css({'color':'red'});
$div.prevAll().css({'text-indent':50});
$div.next().css({'color':'blue'});
$div.nextAll().css({'text-indent':80});
$div.siblings().css({'text-decoration':'underline'})
$div.parent().css({'background':'gray'});
$div.children().css({'color':'red'});
$div.find('.sp02').css({'font-size':30});
});
</script>
<div>
<h2>这是第一个h2标签</h2>
<p>这是第一个段落</p>
<div id="div01">这是一个<span>div</span><span class="sp02">第二个span</span></div>
<h2>这是第二个h2标签</h2>
<p>这是第二个段落</p>
</div>
jQuery选择集转移小结:
prev() 表示获取上一个同级元素
prevAll() 表示获取上面所有同级元素
next() 表示获取下一个同级元素
nextAll() 表示获取下面所有同级元素
parent() 表示获取父元素
children() 表示获取所有的子元素
siblings() 表示获取其它同级元素
find("选择器名称") 表示获取指定选择器的元素
— 申请免费试学名额 —
在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!
相关推荐 更多
自学Python网站推荐 从入门到精通
Python作为可在任何平台上运行的通用语言,深受编程语言学习者的喜爱。那么究竟该如何自学Python呢?本文小编将推荐自学Python的网站——博学谷。博学谷是传智播客旗下IT在线教育品牌,面向各个学习能力不同阶段学员,在这个平台上大家可以随时随地观看学习视频资源,还有高级讲师在线指导,真正做到让大家从入门到精通。下面详细讲一讲博学谷网站学习的优势。
7407
2019-08-05 15:29:18
孩子学Python入门书籍推荐
随着山东将Python编程语言加入小学信息技术教材,Python的学习也有低龄化的趋势。那么孩子学python要看什么入门书籍呢?小编的建议是,最好挑选能引起孩子兴趣,深入浅出讲解Python的书。
10389
2019-08-21 20:54:09
如何利用python实现报表自动化?
如果能够实现报表自动化,那我们将节约不少的时间,更高效的完成工作内容。那么,如何利用python实现报表自动化呢?本文将介绍xlwt 、xlrd、xlutils的常用功能,xlwt写Excel时公式的应用以及xlwt写入特定目录来手把手带大家实现报表自动化。
6029
2020-03-23 10:59:42
Python基础学习之逻辑术语
在Python基础学习的过程中,逻辑术语是必须要牢牢记住的。可能死记硬背逻辑术语本身是比较无聊枯燥的事情,但如果你能每天都坚持记住一点内容,用不了多久你就能全部掌握这些逻辑术语,然后在使用它们的过程中,获得学习的正向反馈,从而收获学习的乐趣,下面我们一起来学习Python的逻辑术语吧~
5153
2020-04-22 17:48:23
如何使用PyMySQL模块进行增删改查?
MySQL 是目前最为流行的关系型数据库。接下来我们通过一个简单的案例,练习如何使用 PyMySQL 模块进行增删改查的操作。简单来讲,核心步骤有两步:链接数据库,读取 CSV 文件并导入数据表,然后查询数据,将数据表和计算结果导出为 CSV 文件。下面一起来具体看看吧~
5191
2020-08-10 14:55:36