首页 > 软件开发 > JQUERY >

jQuery语言的选择器六

来源:互联网 2023-03-16 23:54:34 版权归原作者所有,如有侵权,请联系我们

jQuery中的选择器可以准确的找到你想要操作的元素!以美元$(‘xxx’)开始。fld办公区 - 实用经验教程分享!

jQuery语言的选择器六fld办公区 - 实用经验教程分享!

工具/原料

  • 电脑,DW软件(Dreamweaver)

方法/步骤

  • 1

    按子元素筛选选择器:fld办公区 - 实用经验教程分享!

    语法:$('ul li:first-child').css(' ',' ');fld办公区 - 实用经验教程分享!

    第一个子元素 (不只找到一个)fld办公区 - 实用经验教程分享!

    jQuery语言的选择器六fld办公区 - 实用经验教程分享!

  • 2

    语法:$('ul li:last-child').css(' ',' ');fld办公区 - 实用经验教程分享!

    最后一个子元素 (不只找到一个)fld办公区 - 实用经验教程分享!

    jQuery语言的选择器六fld办公区 - 实用经验教程分享!

  • 3

    语法:$('ul li:only-child').css(' ',' ');fld办公区 - 实用经验教程分享!

    唯一子元素fld办公区 - 实用经验教程分享!

    jQuery语言的选择器六fld办公区 - 实用经验教程分享!

  • 4

    语法:$('ul li:only-child(数字)').css(' ',' ');fld办公区 - 实用经验教程分享!

    指定元素(数字不是索引,例子:2)fld办公区 - 实用经验教程分享!

    jQuery语言的选择器六fld办公区 - 实用经验教程分享!

  • 5

    语法:$('ul li:only-child(表达式)').css(' ',' ');fld办公区 - 实用经验教程分享!

    指定元素(例子:2n-1,n=0、1、2……)fld办公区 - 实用经验教程分享!

    jQuery语言的选择器六fld办公区 - 实用经验教程分享!

  • 5此文章未经许可获取自百度经验
  • 6

    语法:$('ul li:only-child(odd/even)').css(' ',' ');fld办公区 - 实用经验教程分享!

    指定元素(例子:odd奇数/even偶数)fld办公区 - 实用经验教程分享!

    jQuery语言的选择器六fld办公区 - 实用经验教程分享!

  • 注意事项

    • 编写JQ代码时需要引用JQ包

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!fld办公区 - 实用经验教程分享!


    标签: JQUERY网页编程语言

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号