jQuery on() 和 live
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 | <!DOCTYPE html> <html> <head> <meta charset= "utf-8" > <script src= "https://apps.bdimg.com/libs/jquery/1.7.0/jquery.js" > </script> <script> $(document).ready( function (){ $( "#div1" ).on( "click" , function (){ $( this ).css( "background-color" , "pink" ); }); $( "#div2" ).live( "click" , function (){ $( this ).css( "background-color" , "pink" ); }); }); </script> </head> <body> <h4 style= "color:green;" >该实例演示了如何使用 on() 和 live()。</h4> <div id= "div1" style= "border:1px solid black;" >这是一些文本。 <p>点击此处,使用 <b>on() 方法来设置背景颜色</b>。</p> </div><br> <div id= "div2" style= "border:1px solid black;" >这是一些文本。 <p>点击此处,使用 <b>live() 方法来设置背景颜色</b>。</p> </div> <p><b>注意:</b> live() 方法在 jQuery 版本 1.7 中被废弃,在版本 1.9 中被移除。请使用 on() 方法代替。</p> </body> </html> |
http://www.runoob.com/jquery/event-on.html
http://api.jquery.com/on/
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步