首页>>帮助中心>>香港vps服务器的jquery如何选取子元素

香港vps服务器的jquery如何选取子元素

2023/9/29 335次

香港vps服务器的jquery中选取子元素的方法:1.新建html项目,引入jquery2.在项目中创建html元素;3.使用child方法选取子元素;

具体步骤如下:

1.首先,在新建一个html项目,在项目中引入jquery

<script type="text/javascript" src="/static/jquery-2.1.4.min.js"></script>

2.引入jquery后,在项目中创建html元素,用于测试;

<div class="top">

<div>

<li></li>

<li></li>

</div>

<div>

<li></li>

<li></li>

</div>

</div>

3.最后,html元素创建好后,在项目中使用child方法即可选取子元素;

1)使用first-child选取父元素中的第一个子元素

$(document).ready(function(){

$('#btn2').click(function(){

$('div.one :first-child').css("background","#bbffaa");

})

});

2)使用last-child选取父元素中的最后一个子元素

$(document).ready(function(){

$('#btn3').click(function(){

$('div.one :last-child').css("background","#bbffaa");

})

});

3)使用nth-child(n)选取父元素中的第n个个子元素

$(document).ready(function(){

$('#btn1').click(function(){

$('div.one :nth-child(n)').css("background","#bbffaa");

})

});

一诺网络香港免备案专区,提供「香港增强VPS」和「香港特惠VPS」两种类型的高可用弹性计算服务,搭载新一代英特尔®至强®铂金处理器,接入CN2低延时高速回国带宽线路,网络访问顺滑、流畅。机房网络架构采用了BGP协议的解决方案可提供多线路互联融合网络,使得不同网络运营商线路的用户都能通过最佳路由实现快速访问。香港云VPS低至29/月,购买链接:https://www.enuoidc.com/vps.html?typeid=2