masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > jQuery学习2 选择器的使用说明_jquery

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

WBOY
Lepaskan： 2016-05-16 18:35:23
asal
1198 orang telah melayarinya
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开头的所有
    • Label berkaitan：
    jquery 选择器
    sumber：php.cn
    Artikel sebelumnya：使用SyntaxHighlighter实现HTML高亮显示代码的方法_javascript技巧 Artikel seterusnya：选择TreeView控件的树状数据节点的JS方法(jquery)_jquery
    Kenyataan Laman Web ini
    Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
    Artikel terbaru oleh pengarang
    Isu terkini
    Hantar borang tanpa butang menggunakan Javascript/Jquery Saya cuba menyerahkan borang tanpa butang dengan memanggil fungsi JavaScript dan melaksana...
    daripada 2024-04-06 14:54:03
    0
    2
    421
    Bagaimana untuk mendapatkan semula nilai baris yang tidak dipilih dalam jadual data HTML menggunakan jquery Saya cuba mendapatkan nilai semua baris di mana butang tidak diklik. Sebagai contoh, apabi...
    daripada 2024-04-05 09:26:49
    0
    1
    1418
    Perlukan skrip jquery untuk mengalihkan pilihan yang dipilih dari kotak pilihan berdasarkan pemilihan semasa pengguna akhir Saya mempunyai halaman HTML di mana pengguna akhir boleh meletakkan kedudukan item kami me...
    daripada 2024-04-04 18:40:04
    0
    1
    3528
    Saya telah mencipta elemen dalam CSS tulen melalui penanda halaman. Ia dicipta tetapi tidak kelihatan Kod saya adalah seperti berikut: g=document.createElement('div');g.setAttribute("id&q...
    daripada 2024-04-04 17:27:27
    0
    1
    417
    Tidak dapat menghantar data borang pada iOS Safari/Firefox Ini berfungsi pada semua platform kecuali Safari/Firefox pada iOS: jQuery("#gform_1&q...
    daripada 2024-04-04 12:53:48
    0
    1
    303
    Topik-topik yang berkaitan
    Lagi>
    Cadangan popular
    Tutorial Popular
    Lagi>
    Tutorial berkaitan
    Cadangan popular
    Kursus terkini
    Muat turun terkini
    Lagi>
    kesan web
    Kod sumber laman web
    Bahan laman web
    Templat hujung hadapan