jquery如何给dom添加单击事件?
直接使用click事件是不起作用的,我平常使用的两种方法 1、on事件 var html1=''; html1 +=`
确认提交 暂不提交
` $('.modal-footer').append(html1); $('div').on('click','.sure',function(){console.log("+++");}); 2、onclick事件 var html1=''; html1 +=`确认提交 暂不提交
` $('.modal-footer').append(html1); functionsure(){console.logO("===");} 需要获取到div这个元素,可以通过id,class等等方式得到,比如说div的id为"div1",那么就可以这么写了。$('#div1').click(function(){//这里面就是click事件的内容了});jQuery可以使用click()方法来给DOM元素添加单击事件。在使用该方法时,需要传入一个回调函数作为参数,该函数会在DOM元素被单击时被触发。例如,使用以下代码可以给id为"myButton"的按钮添加单击事件:
$("#myButton").click(function() {
// 单击事件处理逻辑
});
在回调函数中,可以编写处理单击事件的逻辑,例如修改DOM元素的样式或内容,或发送异步请求等。
div层里能嵌套框架或者新的html页面吗?
解答:1,基于Jquery的DIV嵌套htmlhtml代码:
<script src="js/jquery.js"></script>
<div id="btn" > 新页面</div><div id="newDiv"></div>
js代码:$(document).ready(function)(){ $("#btn").click(function(){ $('#newDiv').load('new.html'); });});
点击“新页面”即可实现添加2,基于纯js代码实现嵌套:html代码:<button type="button" id="btn" onClick="javascript:load_home();" > 确认</button>1
js代码:function load_home() { document.getElementById("viewDiv").innerHTML = '<object type="text/html" data="new.html" width="100%" height="100%"></object>'; }