vue项目引入jquery优缺点?
vue项目引入jquery可以方便的实现一些全局事件绑定,同时屏蔽掉浏览器的差异,但缺点很明显,由于jquery并不存在模块化的概念,vue引入jquey后会增大项目体积,同时vue和jquery在dom操作上不是一个理念vue操作虚拟dom,jquery操作实际dom,并且在数据绑定上有一定的破坏性。
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元素的样式或内容,或发送异步请求等。
jquery和javascript的区别?
1、本质上的区别
jQuery是一个JavaScript函数库。jQuery就是基于JavaScript语言写出来的一个框架,实质上还是JavaScript而已。
2、代码书写的不同
jQuery 极大地简化了 JavaScript 编程,jQuery代码比沉重的JavaScript轻灵多了,jquery设计的初衷就是要用更少的代码,漂亮的完成更多的功能。
3、在使用方法上的不同
(1)使用JavaScript和jQuery分别加载DOM:
JavaScript只会执行一次,而jQuery会执行多次。
(2)使用JavaScript和jQuery获取class方法:
JavaScript没有默认的获取class的方法 ,而JQuery, 可以通过$('.className') 调用class的方法。