大佬教程收集整理的这篇文章主要介绍了javascript – 为什么我的jQuery空无效?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<!DOCTYPE html> <html lang="en"> <head> <Meta charset="UTF-8"> <script src="https://code.jquery.com/jquery-2.2.3.min.js"></script> </head> <body> <button type="button" onclick="submit();">launch</button> <button type="button" onclick="clear();">clear</button> <div> Result:<br> <div id="result"> </div> </div> <script> function clear() { $('#result').empty() } function submit() { $('#result').append('<div>xxxxx</div>') } </script> </body> </html>
启动按钮运行良好,但清除没有.我在控制台中运行$(‘#result’).empty(),它按预期清除div.
这是因为在内联处理程序中,文档在窗口之前的范围内,而clear函数位于全局范围内,这是浏览器的窗口.
<button type="button" onclick="myClear();">clear</button> function myClear() { $('#result').empty() }
或者,我宁愿避免使用内联处理程序,也避免污染全局范围.
$(function(){ function clear() { $('#result').empty(); } $('.clear').click(function(){ clear(); }); });
以上是大佬教程为你收集整理的javascript – 为什么我的jQuery空无效?全部内容,希望文章能够帮你解决javascript – 为什么我的jQuery空无效?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。