在使用 jQuery 编写js代码时,我们可以使用 .append() 方法向现有的 DOM 元素中添加新的内容,包括js代码。以下是添加js代码的示例:
$(document).ready(function(){// 创建一个新的<script>元素,设置它的 type 属性为 "text/javascript"var script = document.createElement("script");script.type = "text/javascript";// 在<script>元素中添加js代码var code = "$("p").click(function(){alert("Hello World!");});";try {script.appendChild(document.createTextNode(code));} catch (e) {script.text = code;}// 将<script>元素添加到 DOM 中$("body").append(script);});
在上面的示例中,我们使用了 .createElement() 方法创建了一个新的<script>元素,并为其设置了 type 属性。然后,我们向元素中添加了要执行的 js 代码,并通过 .appendChild() 方法将其添加到了 DOM 中。最后,我们使用 .append() 方法将整个<script>元素添加到了 body 中。
使用上述方法,我们可以把需要执行的js代码添加到DOM中,然后在需要的时候执行该代码,从而实现自己想要的效果。