Menggunakan Selector Input jQuery Dengan Simbol
Halo teman – teman, berjumpa kembali dengan saya di blog tips dan trik Source Code Aplikasi. Di artikel sebelumnya kita telah membahas dan mempraktekkan Mengenal Fungsi Attribute Selector Input Pada jQuery dimana dengan guna ini kita dapat menggunakan selecsi seperti lazimnya nya kita menngunakan class di css. Dan di kesempatan kali ini kita kan belajar mengenai Menggunakan Selector Input jQuery Dengan Simbol kita akan membangun sebuah seleksi dengan menggunakan
- simbol berfungsi bagi menseleksi text yang di tentukan
- simbol ^ berfungsi bagi menseleksi text sangat pertama-tama
Oke lanjut di artikel kali ini mengenai Menggunakan Selector Input jQuery Dengan Simbol siapkan text editornya, dan bikin sebuah form input. Kali ini saya menggunakan bootstrap
<!doctype html>
<html lang=en>
<head>
<meta charset=utf-8>
<title><strong>Menggunakan Selector Input jQuery Dengan Simbol</strong></title>
</head>
<body>
<div class=container>
<div class=row>
<div class=col-md-12>
<h1>Menggunakan selector Input jQuery Dengan Simbol</h1>
<form>
<div class=form-group>
<input type=text class=form-control name=first>
</div>
<div class=form-group>
<input type=password class=form-control name=first-Name>
</div>
<div class=form-group>
<input type=password class=form-control name=Name first>
</div>
<input type=submit class=btn btn-info value=Submit Button>
</form>
</div>
</div>
</div>
</body>
</html>
Save dengan nama index.html, berikutnya kita masukkan library bootstrap dan jQuery nya
<link rel=stylesheet href=https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css>
<script src=https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js></script>
<script src=https://code.jquery.com/jquery-1.10.2.js></script>
Lalu kita berikan script jQuery nya yang akan menggunakan seleksi simbol
<script>
$( input[name ='first'] ).attr('placeholder','Selecsi hanya name=first');
</script>
Karenanya akan menghasilkan output
Karenanya placeholder akan di tampilkan sesuai seleksi (input name=first) saja berlaku hanya name first selain itu segala akan tak di jalankan. Misalkan firstname, name-first karenanya tak akan di jalankan simbol ini akan menjalankan text sesuai name saja tak dengan yang lain. Berikutnya tambahkan form input nya bagi mengetahui simbol ^
<div class=form-group>
<input type=password class=form-control name=informasi>
</div>
<div class=form-group>
<input type=password class=form-control name=Beritainfo>
</div>
<div class=form-group>
<input type=password class=form-control name=berikan informasi>
</div>
Kemudian berikan script jQuery nya
$( input[name^='info'] ).attr('placeholder','membaca name=informasi sangat awal');Simbol ^ hanya akan membaca name=informasi sangat awal saja, bila ada name informasi di belakang text yang lain karenanya tak akan di jalankan.
Demikianlah contoh sederhana selector input dengan simbol dan simbol ^
Apabila masih bingung dapat post komentar di bawah ini ya teman – teman, demikian di artikel kali ini mengenai Menggunakan Selector Input jQuery Dengan Simbol kita berjumpa kembali di tips dan trik yang akan datang.
Terimakasih dan hingga jumpa, semoga bermanfaat.
Sumber https://kursuswebsite.org
