栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

jQuery学习2 选择器的使用说明

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

jQuery学习2 选择器的使用说明

1.利用CSS的基本选择器:
a:匹配所有链接元素。
#*:匹配id为*的元素
.*:匹配CSS类为*的元素
a#*id.*class:匹配id为*id,并拥有CSS类为*class的链接元素。
以上是CSS中的写法,在jQuery中用$("")包起来,如:jQuery("p a.Class")

利用子选择器、容器选择器和特性选择器,以下面的为例:
复制代码 代码如下:

  • jQuery supports

        
    • CSS1

    •   
    • CSS2

    •   
    • CSS3

    •   
    • Basic XPath





    • Custom selectors

    • Form selectors





如果要选择第一个列表
  • 中的所有链接做操作就应利用子选择器:ul.myList > li >a 而不能像这样ul.myList li a 因为所有这些链接都是列表
  • 元素的后代节点.
    子选择器:父节点与直接子节点以右尖括号(>)隔开。
    特性选择器:将符合特定内容的元素包起来。比如选择包含以http://开头的href值的链接:a[href^=http://]
    input[type=text]:匹配type特性为text的所有元素
    div[title=^my]:匹配title特性值以my开头的所有元素。
    通过位置选择
    a:first:选择器匹配页面上的第一个元素
    p:odd,p:even 分别匹配奇数和偶数元素
    其他就不一一举例了,如有需要可到相关网站查找。
  • 转载请注明:文章转载自 www.mshxw.com
    本文地址:https://www.mshxw.com/it/116754.html
    我们一直用心在做
    关于我们 文章归档 网站地图 联系我们

    版权所有 (c)2021-2022 MSHXW.COM

    ICP备案号:晋ICP备2021003244-6号