Heim > Web-Frontend > js-Tutorial > jQuery学习2 选择器的使用说明_jquery

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

WBOY
Freigeben: 2016-05-16 18:35:23
Original
1211 Leute haben es durchsucht
1.利用CSS的基本选择器:
a:匹配所有链接元素。
#*:匹配id为*的元素
.*:匹配CSS类为*的元素
a#*id.*class:匹配id为*id,并拥有CSS类为*class的链接元素。
以上是CSS中的写法,在jQuery中用$("")包起来,如:jQuery("p a.Class")

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



如果要选择第一个列表
  • 中的所有链接做操作就应利用子选择器:ul.myList > li >a 而不能像这样ul.myList li a 因为所有这些链接都是列表
  • 元素的后代节点.
    子选择器:父节点与直接子节点以右尖括号(>)隔开。
    特性选择器:将符合特定内容的元素包起来。比如选择包含以http://开头的href值的链接:a[href^=http://]
    input[type=text]:匹配type特性为text的所有元素
    div[title=^my]:匹配title特性值以my开头的所有
  • Verwandte Etiketten:
    Quelle:php.cn
    Erklärung dieser Website
    Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
    Beliebte Tutorials
    Mehr>
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage