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.