jquery 中加入html代码吗,javascript – 如何将jQuery代码添加到HTML页面

$(".icon-bg").click(function () {

$(".btn").toggleClass("active");

$(".icon-bg").toggleClass("active");

$(".container").toggleClass("active");

$(".box-upload").toggleClass("active");

$(".box-caption").toggleClass("active");

$(".box-tags").toggleClass("active");

$(".private").toggleClass("active");

$(".set-time-limit").toggleClass("active");

$(".button").toggleClass("active");

});

$(".button").click(function () {

$(".button-overlay").toggleClass("active");

});

$(".iconmelon").click(function () {

$(".box-upload-ing").toggleClass("active");

$(".iconmelon-loaded").toggleClass("active");

});

$(".private").click(function () {

$(".private-overlay").addClass("active");

$(".private-overlay-wave").addClass("active");

});

解决方法:

1)最佳做法是制作像my.js这样的新javascript文件.将此文件放入根目录中的js文件夹中 – > js / my.js.

2)在my.js文件中,在$(document).ready(function(){})范围内添加代码.

$(document).ready(function(){

$(".icon-bg").click(function () {

$(".btn").toggleClass("active");

$(".icon-bg").toggleClass("active");

$(".container").toggleClass("active");

$(".box-upload").toggleClass("active");

$(".box-caption").toggleClass("active");

$(".box-tags").toggleClass("active");

$(".private").toggleClass("active");

$(".set-time-limit").toggleClass("active");

$(".button").toggleClass("active");

});

$(".button").click(function () {

$(".button-overlay").toggleClass("active");

});

$(".iconmelon").click(function () {

$(".box-upload-ing").toggleClass("active");

$(".iconmelon-loaded").toggleClass("active");

});

$(".private").click(function () {

$(".private-overlay").addClass("active");

$(".private-overlay-wave").addClass("active");

});

});

3)将新的js文件添加到您的html中

标签：html,javascript,jquery,web

来源： https://codeday.me/bug/20191004/1852466.html