[jQuery Note]jQuery Selector 3

The previous article records some position-selector.

Today,let's find more about CSS-selector and custom jQuery-selector.

code	Description	example
:button	match the only button elements (input[type='button'],input[type='submit'],input[type='reset'])	$(':button')
:checkbox :image :input :password :radio :reset :text :submit	match the checkbox elements(input[type='checkbox']) and so on	$(':checkbox')
:checked :selected	match the checked elements include the radio,the checkbox. :selected selects only <option> elements that are in seleteced state.	$(:checkbox:checked)
:contains(food)	match the element that containing the Text  food(no quot.)	$(:contains(test))
:disable||:enable	match the element that in disable state or in enable state	$(:disable)
:has(selector)	match the element that contain at least one element that matches the selector	$()
:header	match the header element such as <h1>~<h6>
:not(selector)	match the element that negates the specified selector	$('input:not(:checkbox)')

 

$('<input>',{type:'button',id:'btnOK',value:'OK',click:function(){ alert('I'm button function')}}).css({cursor:'pointer',border: '1px solid black'}).appendTo('body') 

 

this jQuery command can create a button in the body.