如何将Jquery的代码写到HTML里面啊?

Posted 2023-05-17

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何将Jquery的代码写到HTML里面啊?相关的知识，希望对你有一定的参考价值。

比如说
$(document).ready(function
$("button").on("click",function()
$(this).hide();
);
);
要放在html里的哪个位置才能实现功能啊?

　　（1）var html=$("<div><span>嵌入内容</span></div>");
　　$("#id").html(html);
　　（2）上述中变量html为你要嵌入到html中的内容，再将嵌入到相应的id的html即可
　　（3）将写的jquery代码一般是放到html中head标签里，前提要有效果必须引入jquery库参考技术A $(document).ready(function
$("button").on("click",function()
$(this).hide();
);
);

没有on方法吧，当然没有效果啦，用bind方法
$(document).ready(function
$("button").bind("click",function()
$(this).hide();
);
);

或者用click方法

$(document).ready(function
$("button").click(function()
$(this).hide();
);
); 参考技术B <head>
<script type="text/javascript">
    $(document).ready(function
    $("button").on("click",function()
        $(this).hide();
    );
);
</script>
</head>

追问

在编辑器里为什么没有效果?用浏览器打开也一样

追答<head>

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
    $(document).ready(function
    $("button").on("click",function()
        $(this).hide();
    );
);
</script>
</head>

本回答被提问者采纳参考技术C 这个语句你放哪都可以 $(document).ready(function(...);相当与页面加载完成后执行的，所以放哪里都是可以的，当然必须是包含在<script>标签内的