Rumah hujung hadapan web tutorial js jquery有哪些选择器?jquery四种选择器的介绍

jquery有哪些选择器?jquery四种选择器的介绍

Aug 16, 2018 am 11:05 AM

jquery选择器有几种?相信大家可能会有所了解,那么本篇文章给大家带来的内容就是关于jquery有哪些选择器以及jquery选择器的简单介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

1:选择器的作用

获取网页的上面的标签元素等等,然后对他进行一些列的操作(添加样式,添加行为。。。)

2:选择器有哪些

基本选择器,层次选择器,过滤选择器,表单选择器

一:基本选择器
 基本选择器是jquery最常用的选择器,也是最简单的选择器,通过元素id,class,标签名称来查找
 DOM元素(在网页中ID只能使用一次,id是唯一的,但是class允许重复使用的)

1、id选择器

用法:$("#id名称");  返回单个元素的组成的集合

2、class(类选择器)

用法:$(".class") ;返回集合元素

说明:.class就是样式名称

3、element(标签选择器)

用法:$("span,p,p");  返回集合元素

4、$("*") :返回集合元素,匹配所有元素

二:层次选择器

1:parent  child  :祖先后代

三:过滤选择器

基础过滤选择器(也是最常用的的过滤选择器)

  :not(select)

用法:$(input:not(select)) 返回集合元素

说明:去除所有与给定选择器匹配的元素。有点类似于“非”

:first   找到第一个元素

:last    找到最后一个元素

:odd     匹配下标为基数的元素

:even    匹配下标为偶数的元素

:eq("下标")  匹配制定下标的元素

:gt("下标")  匹配索引值大于给定下标的元素(不包含本身)

:lt("下标")  匹配索引值小于给定索引值的元素(不包含本身)

内容过滤选择器

:contains(“文本内容”) 匹配元素是否包含指定的文本内容

:has(标签元素) //匹配含有选择器所匹配的元素的元素

:empty  //匹配元素内容为空的元素

:parent  //匹配含有子元素或者文本的元素

属性过滤选择器

[attribute=value] :属性过滤选择器就是通过元素的属性来获取相应的元素

例如:

$("input[name='chk']").attr("checked", true);
Salin selepas log masuk

--就是把name为chk的复选框的checked 返回的是一个集合
  属性改为true

可见度过滤选择器

:hidden   筛选隐藏的元素(type="hidden",css: display="none")

: visible  筛选可见的元素

子元素过滤选择器

:nth-child(index/even/odd/equation)

注意:这里的索引值从1开始,而eq是从0开始

:first-child   找到第一个子元素

:last-child    找到最后一个子元素

:only-child    匹配只有一个子元素的元素

表单对象属性过滤选择器

:disabled 筛选不可用元素

:enabled  筛选可用的元素

: checked  筛选被选中的复选框

: selected  筛选下拉框被选中的元素

DOM操作就是对元素的增删改查

 相关推荐:

jquery选择器介绍

jquery选择器(常用选择器说明)_jquery

JQuery选择器特辑 详细小结_jquery

Atas ialah kandungan terperinci jquery有哪些选择器?jquery四种选择器的介绍. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa
1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Arahan sembang dan cara menggunakannya
1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Bagaimana saya membuat dan menerbitkan perpustakaan JavaScript saya sendiri? Bagaimana saya membuat dan menerbitkan perpustakaan JavaScript saya sendiri? Mar 18, 2025 pm 03:12 PM

Artikel membincangkan membuat, menerbitkan, dan mengekalkan perpustakaan JavaScript, memberi tumpuan kepada perancangan, pembangunan, ujian, dokumentasi, dan strategi promosi.

Bagaimanakah saya mengoptimumkan kod JavaScript untuk prestasi dalam penyemak imbas? Bagaimanakah saya mengoptimumkan kod JavaScript untuk prestasi dalam penyemak imbas? Mar 18, 2025 pm 03:14 PM

Artikel ini membincangkan strategi untuk mengoptimumkan prestasi JavaScript dalam pelayar, memberi tumpuan kepada mengurangkan masa pelaksanaan dan meminimumkan kesan pada kelajuan beban halaman.

Apa yang perlu saya lakukan jika saya menghadapi percetakan kod yang dihiasi untuk resit kertas terma depan? Apa yang perlu saya lakukan jika saya menghadapi percetakan kod yang dihiasi untuk resit kertas terma depan? Apr 04, 2025 pm 02:42 PM

Soalan dan penyelesaian yang sering ditanya untuk percetakan tiket kertas terma depan dalam pembangunan front-end, percetakan tiket adalah keperluan umum. Walau bagaimanapun, banyak pemaju sedang melaksanakan ...

Bagaimanakah saya boleh debug kod javascript dengan berkesan menggunakan alat pemaju pelayar? Bagaimanakah saya boleh debug kod javascript dengan berkesan menggunakan alat pemaju pelayar? Mar 18, 2025 pm 03:16 PM

Artikel ini membincangkan debugging JavaScript yang berkesan menggunakan alat pemaju pelayar, memberi tumpuan kepada menetapkan titik putus, menggunakan konsol, dan menganalisis prestasi.

Siapa yang dibayar lebih banyak Python atau JavaScript? Siapa yang dibayar lebih banyak Python atau JavaScript? Apr 04, 2025 am 12:09 AM

Tidak ada gaji mutlak untuk pemaju Python dan JavaScript, bergantung kepada kemahiran dan keperluan industri. 1. Python boleh dibayar lebih banyak dalam sains data dan pembelajaran mesin. 2. JavaScript mempunyai permintaan yang besar dalam perkembangan depan dan stack penuh, dan gajinya juga cukup besar. 3. Faktor mempengaruhi termasuk pengalaman, lokasi geografi, saiz syarikat dan kemahiran khusus.

Bagaimanakah saya menggunakan peta sumber untuk debug kod JavaScript minified? Bagaimanakah saya menggunakan peta sumber untuk debug kod JavaScript minified? Mar 18, 2025 pm 03:17 PM

Artikel ini menerangkan cara menggunakan peta sumber untuk debug JavaScript minifikasi dengan memetakannya kembali ke kod asal. Ia membincangkan membolehkan peta sumber, menetapkan titik putus, dan menggunakan alat seperti Chrome Devtools dan Webpack.

Perbezaan dalam Konsol.Log Output Result: Mengapa kedua -dua panggilan berbeza? Perbezaan dalam Konsol.Log Output Result: Mengapa kedua -dua panggilan berbeza? Apr 04, 2025 pm 05:12 PM

Perbincangan mendalam mengenai punca-punca utama perbezaan dalam output konsol.log. Artikel ini akan menganalisis perbezaan hasil output fungsi Console.log dalam sekeping kod dan menerangkan sebab -sebab di belakangnya. � ...

Bagaimana untuk menggabungkan elemen array dengan ID yang sama ke dalam satu objek menggunakan JavaScript? Bagaimana untuk menggabungkan elemen array dengan ID yang sama ke dalam satu objek menggunakan JavaScript? Apr 04, 2025 pm 05:09 PM

Bagaimana cara menggabungkan elemen array dengan ID yang sama ke dalam satu objek dalam JavaScript? Semasa memproses data, kita sering menghadapi keperluan untuk mempunyai id yang sama ...

See all articles