Belajar JQuery Part 7 : Mendapatkan nilai dan value dengan JQuery

JQueryJQuery Dasar

Malas Ngoding

mendapatkan nilai dan value dengan jquery

Belajar JQuery Part 7 : Mendapatkan nilai dan value dengan JQuery

Mendapatkan nilai dan value dengan JQuery

Pada pembahasan tutorial belajar jquery mendapatkan nilai dan value dengan JQuery ini merupakan penjelasan tentang fungsi-fungsi JQuery untuk mendapatkan nilai, value dan konten dengan dengan jquery. JQuery memiliki fungsi-fungsi yang sangat mudah di gunakan untuk mendapatkan sebuah value, atribut dan lainnya dari sebuah element.

Adapun contoh fungsi-fungsi jquery untuk mendapatkan nilai dan value pada jquery adalah sebagai berikut.

  • text()
    adalah fungsi jquery untuk mendapatkan konten text pada dari element HTML.
  • html()
    adalah fungsi jquery untuk mendapatkan nilai element pada HTML.
  • val()
    adalah fungsi jquery untuk mendapatkan nilai value dari element HTML.
  • attr()
    adalah fungsi jquery untuk mendapatkan nilai dari atribut pada element HTML.

langsung saja menuju contoh cara penggunaan fungsi text(), html() dan value() pada jquery untuk mendapatkan nilai, element dan value pada element HTML.

Cara mendapatkan konten text dengan text()

dengan menggunakan fungsi text() pada jquery  ini memungkinkan kita untuk mendapatkan konten text pada element html dengan mudah. sebenarnya dengan fungsi ini juga bisa menetapkan isi konten text. tetapi pada tutorial belajar jquery mendapatkan nilai dan value dengan jquery ini hanya akan di jelaskan tentang cara mendapatkan konten saja. untuk cara menetapkan nilai dan value pada element html akan kita palajari pada tutorial selanjutnya si www.malasngoding.com.

lalu bagaimana cara mendapatkan konten html dengan fungsi text() ? silahkan anda perhatikan contoh berikut ini.

index.html

style.css

Mendapatkan nilai dan value dengan JQuery

mendapatan nilai dan value dengan jquery

perhatikan pada contoh di atas. terdapat sebuah tombol dan paragraf yang berisi text. isinya adalah “selamat belajar jquery di www.malasngoding.com”. dan dalam penggunaan fungsi text() jquery ini kita mendapatkan isi konten dari element “.kata” tersebut untuk di masukkan dalam variabel “teks” . dan kemudian menampilkan nya dengan fungsi alert(). fungsi alert adalah fungsi jquery untuk menampilkan data.

dapat anda perhatikan contoh penulsian fungsi text() jquery seperti contoh di atas.

syntax di atas berarti kita memerintahkan untuk mendapatkan konten text dari element class kata.

See the Pen WrRybd by Malas Ngoding (@malasngoding) on CodePen.

Cara mendapatkan element HTML dengan html()

Penggunaan dari fungsi html() pada jquery juga sama dengan penggunaan fungsi text() seperti yang sudah di jelaskan di atas. untuk contoh penggunaan dari fungsi .html untuk mendapatkan element html adalah sebagai berikut.

index.html

style.css

See the Pen PZWabj by Malas Ngoding (@malasngoding) on CodePen.

Cara mendapatkan nilai value pada element HTML dengan val()

untuk mendapatkan nilai value element HTML dengan fungsi val() ini saya akan membuat contoh dengan sebuah form HTML. lihat di sini untuk melihat tutorial cara membuat form dengan html. di sini saya membuat sebuah form yang saya beri tanda dengan class “nama”. kemudian kita akan mengambil isi value pada form dengan fungsi val() jquery.

index.html

style.css

Mendapatkan nilai dan value dengan JQuery

cara mengambil isi value form dengan jquery

perhatikan pada contoh di atas. pada saat tombol di klik maka isi dari form akan di tampilkan. kenapa bisa begitu ? perhatikan pada form, pada form saya membuat class dengan nama “nama”.

kemudian mengambil isi pada form tersebut dengan fungsi val() jquery dan kemudian menampilkannya.

Ketik sesuatu pada form berikut ini dan klik tombol untuk melihat hasil dari penggunaa

See the Pen pgRKNO by Malas Ngoding (@malasngoding) on CodePen.

Cara mendapatkan nilai atribut pada element dengan attr()

fungsi attr() di gunakan untuk mendapatkan isi atribut pada element. untuk contoh penggunaan fungsi attr() pada jquery dapat di lihat pada contoh dan penjelasan berikut.

style.css

mendapatkan nilai atribut dengan attr jquery

mendapatkan nilai atribut dengan attr jquery

seperti yang dapat di lihat pada contoh di atas. kenapa yang muncul adalah “text” ? karena kita telah menetapkan nilai atribut yang di ambil adalah atribut type pada form. Mendapatkan nilai dan value dengan JQuery

atribut type

perhatikan atribut type di pada element class “nama” di atas. isinya adalah text. sehingga yang data yang di dapat adalah “text”. anda bisa mendapatan nilai dari atribut yang lain sesuai keinginan dengan menetapkannya pada fungsi attr() jquery.

See the Pen obByBj by Malas Ngoding (@malasngoding) on CodePen.

sekian tutorial belajar jquery tentang cara mendapatkan nilai dan value dengan jquery.

Incoming search terms:

  • fungsi attr jquery
  • atribut value pada javascript
  • belajar jquery part 7 malasngoding
  • cara mengambil nilai html
  • dokumentasi query bahasa indonesia
  • fungsi jquery ambil nilai
  • jquery indonesia
  • jquery tutorial indonesia
  • mengambil nilai input text javascript var



Write a Comment

Your email address will not be published. Required fields are marked *