jquery如何获取第一个元素或最后一个元素

2025-05-19 17:19:28

1、新建一个html文件,命名为test.html,用于介绍如何使用jquery中的方法来获得第一个元素和最后一个元素。

jquery如何获取第一个元素或最后一个元素

2、在test.html页面,使用script标签加载jquery库文件jquery.min.js,用于下面使用jquery的方法实现功能 。

jquery如何获取第一个元素或最后一个元素

3、在test.html页面,创建一个div模块,在里面使用p标签创建6个文字段落,代码如下:

jquery如何获取第一个元素或最后一个元素

4、在test.html页面,在js里面使用$(document).ready()方法加载function函数,实现在页面加载时执行函数内的代码。

jquery如何获取第一个元素或最后一个元素

5、使用jquery获得div的p元素对象,使用first()方法获得第一个p元素,并使用css()方法设置其背景为黄色。

jquery如何获取第一个元素或最后一个元素

6、在浏览器打开test.html页面,查看效果,可见成功实现了获得第一个元素,并设置其背景颜色。

jquery如何获取第一个元素或最后一个元素

7、使用jquery获得div的p元素对象,使用last()方法获得最后一个p元素,并使用css()方法设置其背景为黄色。

jquery如何获取第一个元素或最后一个元素

8、在浏览器打开test.html页面,查看效果,可见成功实现了获得最后一个元素,并设置其背景颜色。

jquery如何获取第一个元素或最后一个元素
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢