Jquery arbitrary addition and removal of html implementation code _ jquery-js tutorial

Jquery can add and remove html implementation code at will. For more information, see. Html code:

The Code is as follows:

• Plain


• SpecialI am special


• Plain

Script code:

The Code is as follows:

Function addRemoveItemNS (){
Var $ newLi = $ ('

Special and newI am new Remove me

');
$ ('# List3 li. special ')
. Find ('button. addone ')
. Unbind ('click. addit ')
. Bind ('click. addit ', function (){
$ (This). parent (). after ($ newLi );
AddRemoveItemNS ();
})
. End ()
. Find ('button. removeme ')
. Unbind ('click. removeit ')
. Bind ('click. removeit', function (){
$ (This). parent (). remove ();
});
}
$ (Document). ready (function (){
AddRemoveItemNS ();
});

You can add or remove html code at will.