Penggunaan Selectors Pada JQuery

Selamat Siang,

Jumpa lagi dengan blog ane yang keren, Diary's Awal. Oke, gimana belajar JQuerynya apakah masih mau lanjut atau sudah cukup sekian.Saya harap kalianmasih berambisi untuk terus melanjutkan perjunagnnya, meskipun sulit.

Hhhmmm, gara-gara semaleman begadag sekarang jadi masih ngantuk. Tapi tidak apa-apa yang penting masih tetap semangat untuk belajar. Yuk-yk kta mulai pelajarannya.

Salah satu peran JQuery pada web browser adalah kemampuan berinteraksi user untuk memanipulasi berbagai Object dalam struktur DOM.
Untuk melakukannya tugasnya tersebut, JQuery harus mampu mengenal/mengidentifikasi kemudian mengakses object-object tersebut.

Kemampuan itulah yang terkumpul dalam Selectors.

JQuery Selectors memungkinkan anda untuk memilih element HTML ( atau kelompok elemements ) dengan nama element, atribut element atau content.

Referensi Selectors Pada JQuery

Selectors	Contoh	Keterangan
*	$("*")	Semua elements
#id	$("#lastname")	Elemet dengan id=lastname
.class	$(".test")	elements dengan class=test
.class.class	$(".test.intro")	elements dengan class 'test' dan 'intro'
elements	$("p")	Semua elements 'p'
:first	$("p:first")	elements 'p' pertama
:last	$("p:last")	elements 'p' terakhir
:even	$("tr:even")	Semua elements tr dengan index ( 0,2,4 dst )
:odd	$("tr:odd")	Semua elements tr dengan index ( 1,3,5 dst )
:eg(index)	("ul li:eq(3)")	4 elements di dalam list ( start 0 )
:gt(no)	$("ul li:gt(3)")	List elements dengan > 3
:lt(no)	$("ul li:lt(3)")	List elements dengan < 3
:not(selector)	$("input:not(:empty)")	Semjua elements yang not empty
:header	$(":header")	Semua elements header h1, h2, ...
:animated	$(":animated")	Semua animated elements
contains(text)	$(":contains('test')")	Semua elements yang berisi 'text'
:empty	$(":empty")	Semua elements yang kosong
:hidden	$("p:hidden")	Elemet p yang tersembunyi
:visible	$("table:visible")	Semua tabel yang terlihat
s1, s2, s3	$("th, td, .intro")	Semua elements matching selectors
[attribute]	$("[href]")	Semau elements dengan atriut href
[attribute=value]	$("[href='index.htm']")	Semua elemet dengan atribut href = index,htm
[attribute!=value]	$("[href!='index.htm']")	Semau atribut href tidak sama dengan index.htm
[attribute$=value]	$("[href$='.jpg']")	Semua atribut href dengan value akhir .jpg
:input	$(":input")	Semua elemen input
:text	$(":text")	Semua elements type='text'
:password	$(":password")	Semua elements type='password'
:radio	$(":radio")	Semua elements type='radio'
:checkbox	$(":checkbox")	Semua elements type='checkbox'
:submit	$(":submit")	Semua elements type='submit'
:reset	$(":reset")	Semua elements type='reset'
:button	$(":button")	Semua elements type='button'
:image	$(":image")	Semua elements type='image'
:file	$(":file")	Semua elements type='file'
:enabled	$(":enabled")	Semua elements input enabled
:disabled	$(":disabled")	Semua elementss input disabled
:selected	$(":selected")	Semua elements input selected
:checked	$(":checked")	Semua elements input checked

Untuk contoh yang lebih kompleknya menyusul yah, mengikat penulis masih tahap belajar.
Thank's dah mampir ^_^