在jquery中 ， ":last"选择器主要用于获得最后一个元素对象 。 下面小编以获得最后一个span元素为例 ， 讲解jquery中:last选择器如何使用 。
文章插图
需要这些哦
html+jquery
代码编纂器：z studio 10.0
方式/
1新建一个html文件 ， 定名为test.html ， 用于讲解jquery中:last选择器若何利用 。
文章插图
2【jquery中:last选择器如何使用】在test.html文件中 ， 利用span标签建立多行内容 。
文章插图
3在test.html文件中 ， 给所有span元素添加一个class属性 。
文章插图
4在test.html文件中 ， 利用button标签建立一个按钮 ， 给button绑定onclick点击事务 ， 当按钮被点击时 ， 执行setLast()函数 。
文章插图
5在js标签内 ， 建立setLast()函数 ， 在函数内 ， 经由过程元素名称span和":last"选择器获得最后一个span元素对象 ， 利用css()方式设置它的文字颜色为红色 。
文章插图
6在浏览器打开test.html文件 ， 点击按钮 ， 查看成果 。
文章插图
总结：11、利用span标签建立多行内容 ， 给所有span元素添加一个class属性 。 2、利用button标签建立一个按钮 ， 给button绑定onclick点击事务 ， 当按钮被点击时 ， 执行setLast()函数 。 3、在函数内 ， 经由过程元素名称span和":last"选择器获得最后一个span元素对象 ， 利用css()方式设置它的文字颜色为红色 。
以上内容就是jquery中:last选择器如何使用的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 玫瑰花茶——花中皇后 美容首选
- 云南古茶树的重要性与古茶树
- AE CS6如何实现图片的模糊效果
- jquery如何匹配所有小于给定索引值的元素
- php中array_keys函数有什么用途
- wps演示中如何制作蓝橙撞色系页面
- wps演示中如何制作时尚杂志风页面
- php如何合并数组中的key相同的子数组
- jquery中:header选择器有什么作用
- wps演示中如何制作油画风工作总结封面