Common jquery operations

Id selector $ ("# jquery ");

Class selector $ (". jquery ");

Tag selector $ ("Div ");

Combination selector $ ("input. jquery [value = 'juqery ']");

Empty $. Trim ();

Iteration

$ (". Jquery"). Each (

Function (){

Console. Log ($ (this). Val ());

}

);

Obtain sub-element (optional)

$. (". Jquery"). Children ();

Obtain all child elements (selector required)

$ (". Jquery"). Find ("span ");

Use jsonp for cross-Origin

 
$. Ajax ({URL: "XXX", datatype: "jsonp", jsonp: "Callback", data: {X: x}, success: function () {alert ();}});
 

 

ServerCode

 
Public void login () throws ioexception {httpservletrequest request = getrequest (); httpservletresponse response = getresponse (); string callback = request. getparameter ("Callback"); printwriter writer = response. getwriter (); writer. print (callback + "(0)"); writer. close ();}
 

Trigger event

$ ("Input"). Trigger ();

Jquery registers page loading events

$ (Document). Ready (function (){

});

$ (Function (){

});

Bind event

 
$ ("Button"). BIND ("click", function () {$ ("p"). slidetoggle ();});
 

 
$ ("Button"). Click (function () {$ ("p"). slidetoggle ();});

$ (Document). On ('mouseover', '. wtf', function (){
$ (This). Show ();
});
 

Hide and display selected elements

$ ("# Input"). Toggle ();

Display Element
$ ("Input"). Show ();
Hide Element
$ ("Input"). Hide ();
Get value
$ ("# Input"). Val ();
Get innerhtml
$ ("# Input" pai.html ();
Obtains the value of the selected checkbox item.
$ ("Input: Radio [name = 'pushtype']: checked"). Val ();
Find parent Element
$ ("# A"). Parent ();
Remove Element
$ ("# A"). Remove ();
Remove clsss
$ ("# A"). removeclass ();
Set clsss

$ ("# A"). addclass ();
 

The control button is disabled: $ ("# BTN "). ATTR ({"disabled": "disabled"}); the control button is available $ ("# BTN "). removeattr ("disabled ");