. 1 < Script the src = "the JS / jQuery-1.12.4.min.js" > </ Script >
2 < Script >
. 3 // a first embodiment of the event broker
4 // event bubbling, the event is passed subtag to a parent tag
5 // will click when the click event is transmitted to the parent sub-tab label, leading to the parent tag click event is also performed
. 6 $ ( function () {
. 7 var $ DIV1 = $ ( ' # DIV1 ' );
. 8 div1.click $ ( function () {
. 9 Alert ( ' parent tag ' + $ div1.html ())
10 });
. 11 var $ Div2 = $ ( ' # Div2 ' );
12 is $ div2.click ( function () {
13 is Alert ( ' subtag ' + $ div2.html ())
14 });
15 });
16 // second embodiment of the event broker
17 @ using methods completion event delegate agent
18 is
. 19 $ ( function () {
20 is // get the parent label object
21 is $ DIV3 = $ ( 'DIV3 # ' );
22 is $ div3.delegate ( ' P ' , ' the Click ' , function () {
23 is // the this element which is a child tag objects
24 $ ( the this ) .css ({
25 Color: ' Red ' ,
26 is width: ' 300px by ' ,
27 height: ' 200px ' ,
28 background: ' Yellow '
29 });
30 });
31 });
32 </script>
33
34
35 <body>
36 <div id="div1">111
37 <div id="div2">22</div>
38 </div>
39 <div>
40 <div id="div3">
41 <p>Use delegate method to complete the event broker</p>
42 </div>
43 </div>
44 </body>
