Salam hangat teman-teman, semoga teman-teman sehat selalu ya, kali ini saya akan mencoba membagi Cara Menggunakan Selector Contains Pada Jquery.

Sebelum kita memulai tutorial kali ini saya akan mencoba menjelaskan tentang jquery sedikit saja. jQuery adalah sebuah library JavaScript. Dalam dunia pemrograman, dimana library adalah kumpulan dari berbagai fungsi siap pakai untuk memudahkan pembuatan sebuah aplikasi.  Selector  :contains() sendiri adalah selector dari jQuery itu sendiri dan berfungsi untuk memilih elemen string yang telah kita tentukan.

Nah, Sekarang saya akan memberi contoh tentang bagaimana Cara Menggunakan Selector Contains Pada Jquery:

-Pertama teman-teman ketikan tag html di bawah ini :

Setelah teman-teman save coba teman-teman bika file html yang telah kita buat di browser teman-teman, maka tampilannya akan menjadi seperti gambar di bawah ini:

Cara Menggunakan Selector Contains Pada Jquery-1

Pada kasus ini saya akan meberikan contoh dimana contains yang memiliki elemen string yang bertuliskan ‘School’ akan di beri style garis bawah sedangkan untuk elemen string yang bertuliskan ‘Design’ akan di beri style warna merah, untuk bisa menjalan kana perintah seperti itu kita membutuhkan selector contain maka dari itu teman-teman buka file html yang telah di buat tadi dan ketikan script di bawah ini:

Penjelasan script di atas:

Teks yang cocok dapat muncul langsung dalam elemen yang dipilih, dalam salah satu keturunan elemen, atau kombinasi keduanya. Seperti pemilih nilai atribut, teks di dalam kurung dari :contains () dapat ditulis seperti biasa saja atau dikelilingi oleh tanda kutip. teks harus memiliki kasus yang cocok untuk dipilih.

posisikan di atas penutup body yah teman-teman dang jangan lupa untuk membuat link ke jQuery library-nya:

di tempatkan di dalam tag head yah teman-teman. Setelah selesai disave refresh browser temna-teman dan hasilnya akan menjadi seperti gambar di bawah ini:

Cara Menggunakan Selector Contains Pada Jquery

Bagaimana teman-teman mudahkan Menggunakan Selector Contains Pada Jquery.

Sekian tutorial saya untuk kali ini tentang Cara Menggunakan Selector Contains Pada Jquery. Maaf bila ada kesalahan dalam tutorialnya.

Sehat selalu ya teman-teman, selamat mencoba.

Â