| 1 | Example 1: |
|---|
| 2 | |
|---|
| 3 | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> |
|---|
| 4 | <div id="test"><a href="#" class="expand" onclick="onclick2();">Change 1</a></div> |
|---|
| 5 | <script type="text/javascript"> |
|---|
| 6 | function onclick1() { |
|---|
| 7 | $( '#test .expand' ).attr({ |
|---|
| 8 | onclick: 'onclick2();' |
|---|
| 9 | }); |
|---|
| 10 | $( '#test .expand' ).html( 'Change 1' ); |
|---|
| 11 | } |
|---|
| 12 | |
|---|
| 13 | function onclick2() { |
|---|
| 14 | $( '#test .expand' ).attr({ |
|---|
| 15 | onclick: 'onclick1();' |
|---|
| 16 | }); |
|---|
| 17 | $( '#test .expand' ).html( 'Change 2' ); |
|---|
| 18 | } |
|---|
| 19 | </script> |
|---|
| 20 | |
|---|
| 21 | |
|---|
| 22 | ------------------------ |
|---|
| 23 | Example 2: |
|---|
| 24 | |
|---|
| 25 | <div id="test2"><a href="#" class="expand" onclick="onclick3();">Change 3</a></div> |
|---|
| 26 | <script type="text/javascript"> |
|---|
| 27 | function onclick3() { |
|---|
| 28 | $( '#test2 .expand' ).attr( 'onclick', 'onclick4();' ).html( 'Change 4' ); |
|---|
| 29 | } |
|---|
| 30 | |
|---|
| 31 | function onclick4() { |
|---|
| 32 | $( '#test2 .expand' ).attr( 'onclick', 'onclick3();' ).html( 'Change 3' ); |
|---|
| 33 | } |
|---|
| 34 | </script> |
|---|