在线客服
扫描二维码
下载博学谷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("选择器名称") 表示获取指定选择器的元素
— 申请免费试学名额 —
在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!
相关推荐 更多
6个技巧帮你提高Python运行效率
随着国内对人工智能领域发展的大力支持,Python编程语言成为国内使用增长率的最大的编程语言。越来越多的人加入Python的学习行列,企业对Python的使用也越来越普遍。Python能够让你在端时间内通过少量代码,实现大量的操作。这里小编整理了6个Python编程技巧,帮你提高Python的运行效率。
6436
2019-12-05 18:51:03
学完Python可以做什么?Python从业岗位
学完Python可以做什么?Python语言很有优势,可以从事的岗位也非常多,如、Linux运维、Python Web网站工程师、Python自动化测试、数据分析、人工智能等工作岗位。Python在是个实用工具,解决某一领域的问题都可以用Python来胶合相关的东西,或者是利用其强大的库处理得到的信息。
4740
2020-06-11 11:33:39
Python应用方向有哪些?
Python应用方向:Python支持函数式编程和 OOP的面向对象编程,开放源码云计算,以海量数据为基础,结合科学计算、机器学习等技术,对数据进行清洗、去重、规范化和有针对性的分析,人工智能领域Python是机器学习、神经网络、深度学习。
5419
2020-07-02 14:59:58
常用的初始HTML标签有哪些?书写规范是什么?
常用的初始HTML标签有哪些?书写规范是什么?初始 HTML 标签按类别可以区分为基础标签、格式标签、多媒体链接、列表、表单等,学习HTML需要先学习标签如何使用,没有技巧需要平时多练习多用才能达到熟能生巧的境界。
3445
2021-12-14 14:18:53
操作标签元素属性获取和设置怎么实现?
JS操作标签元素属性获取和设置怎么实现?标签HTML是由一套标记标签组成,通常就叫标签。元素内容指开始标签与结束标签之间的内容,单标签没有元素内容,表单标签除外。属性是为HTML 元素提供的附加信息用来修饰标签。
3423
2021-12-27 15:13:18