在线客服
扫描二维码
下载博学谷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中使用数字、编程中的逻辑、在字符串中存储文本、信息的输入和输出、列表、使用循环重复代码、创建简单的脚本等。初学者可以在网站找到很多的免费资源。
8313
2019-04-10 00:08:19
怎么学python入门?python新手学习路线
Python入门应该了解一些基本的计算机编程术语。Python 是一个高层次的结合了解释性、编译性、互动性和面向对象的脚本语言,Python 的设计具有很强的可读性,相比其他语言经常使用英文关键字,其他语言的一些标点符号,它具有比其他语言更有特色语法结构。
6281
2019-06-11 15:41:03
关于Python的学习方法和技巧有哪些
关于Python的学习方法和技巧有哪些?想学好一门语言首页我应该知道Python是什么,应该怎么学,先找到适合自己的学习方式,然后选择适合自己的Python学习资料,先学习基础的知识,掌握基础知识以后上手一些项目进行练习,练习的过程中不断总结经验。
4335
2019-08-22 18:06:44
学习python技术难吗?
Python语言的就业前景会非常好。相对于其他来说,它语法简单易读,消除了初学者对于“编程”这一行为的恐惧,让越来越多的非科班有信心开始通过编写简单的程序,究竟学习python技术难吗?关键在于你多注意小编这几点。
3857
2020-05-04 16:49:13
适合初学者入门的Python基础视频推荐
Python因其简洁的语法,以及拥有各种各样的库,所以在近几年备受编程开发者甚至是编程零基础的爱好者的青睐和追捧。虽然,Python已经算是十分简单的编程语言了,但是对于初学者来讲还是有不小的学习难度,因此这里给大家推荐一个适合初学者入门的Python基础视频,下面介绍一下视频的具体内容,有学习兴趣的小伙伴可以看看~
3553
2020-05-06 11:05:23