Bagaimana untuk menggunakan pemilih gt dan lt dalam jquery

WBOY
Lepaskan: 2022-06-01 18:36:10
asal
3304 orang telah melayarinya

Pemilih gt dan lt dalam jquery: 1. Pemilih ":gt" digunakan untuk memilih elemen dengan nilai indeks lebih tinggi daripada nilai yang ditentukan Sintaksnya ialah "$(":gt(nilai indeks) ")"; 2. Pemilih ":lt" digunakan untuk memilih elemen yang nilai indeksnya kurang daripada nilai yang ditentukan ialah "$(":lt(index)"".

Bagaimana untuk menggunakan pemilih gt dan lt dalam jquery

Persekitaran pengendalian tutorial ini: sistem windows10, versi jquery3.2.1, komputer Dell G3.

pemilih gt dan lt dalam jquery

:pemilih gt

:pemilih gt memilih elemen yang nilai indeksnya lebih tinggi daripada nombor yang ditentukan.

nilai indeks bermula dari 0.

sering digunakan bersama elemen/pemilih lain untuk memilih elemen selepas nombor tertentu dalam kumpulan tertentu (seperti dalam contoh di atas).

Sintaks

$(":gt(index)")
Salin selepas log masuk

indeks diperlukan. Menentukan elemen yang akan dipilih.

akan memilih elemen yang nilai indeksnya lebih besar daripada nombor yang ditentukan.

:lt() selector

:lt() selector memilih elemen yang nilai indeksnya kurang daripada nombor yang ditentukan.

nilai indeks bermula dari 0.

Penggunaan yang paling biasa: digunakan dengan pemilih lain untuk memilih elemen sebelum nombor urutan tertentu dalam gabungan yang ditentukan (seperti contoh di atas).

Sintaksnya ialah:

$(":lt(index)")
Salin selepas log masuk

Contoh adalah seperti berikut:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>123</title> 
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
    $("tr:lt(4)").css("background-color", "yellow");
});
</script>
</head>
<body>
<h1>欢迎来到我的主页</h1>
<table border="1">
  <tr>
    <th>序号</th>
    <th>站点名</th>
    <th>网址</th>
  </tr>
  <tr>
    <td>1</td>
    <td>Google</td>
    <td>google.com</td>
  </tr>
  <tr>
    <td>2</td>
    <td>Runoob</td>
    <td>runoob.com</td>
  </tr>
  <tr>
    <td>3</td>
    <td>Taobao</td>
    <td>taobao.com</td>
  </tr>
  <tr>
    <td>4</td>
    <td>Baidu</td>
    <td>baidu.com</td>
  </tr>
  <tr>
    <td>5</td>
    <td>Sina</td>
    <td>sina.com.cn</td>
  </tr>
  <tr>
    <td>6</td>
    <td>Facebook</td>
    <td>facebook.com</td>
  </tr>
  <tr>
    <td>7</td>
    <td>twitter</td>
    <td>twitter.com</td>
  </tr>
  <tr>
    <td>8</td>
    <td>youtube</td>
    <td>youtube.com</td>
  </tr>
  
</table>
</body>
</html>
Salin selepas log masuk

Hasil output:

Bagaimana untuk menggunakan pemilih gt dan lt dalam jquery

Cadangan tutorial video berkaitan: Tutorial video jQuery

Atas ialah kandungan terperinci Bagaimana untuk menggunakan pemilih gt dan lt dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan