关于JQuery的add class方法和attr方法联系和区别？

Posted 2023-05-01

详细点最好！我只知道addclass方法是追加，attr方法是替换。

这个不能这么比吧，
1.addClass是的操作对象是样式名称，操作结果是给你所操作的元素加上指定的样式：
比如有：<div id="AId" ></div>
$("#AId").addClass("class1");=> <div id="AId" class="class1"></div>
2.attr方法是给你所指定的元素加上某些属性
$("#AId").attr("width","200px"); => <div id="AId" width="200px"></div>
总结：addClass操作的是样式，而attr操作的是元素的属性，当然有些属性和样式中的属性是对应的。 参考技术A addclass 是添加 Css 的类名 比如你有个CSS 叫做 .acewidth:20px ,那么你可以
这样添加 $("#img1").addClass("ace") ;
attr是绑定方法，一般不用于CSS绑定，当然你可以写 $("#img1").attr("width","200px");
，一般来说标准的写法是 $("#img1").css("width",200);
一般attr 我们用于 这种绑定 $("#img1").attr("src","/image/1.png")

JS 2020/6/06 jquery bootstrap

操作属性
jsDom.getAttribute(‘class‘);
jsDom.setAttribute(‘class‘,‘add‘);
jsDom.removeAttribute(‘class‘);

jqDom.attr(‘class‘);
jqDom.attr(‘class‘,‘add‘);
jqDom.attr({
‘data‘ : ‘add‘,
‘id‘ : ‘add‘,
...
});
jQDom.removeAttr(‘class‘)
jqDom.addclass(‘del‘)

js找到的是js对象 jquery找到的是jquery对象
相互转 js->jquery $(jsDom)

jquery->js $(‘div‘)[0] $(‘div‘).get(0)
两个对象 jsDom jqDom

操作事件
jsDom.onClick = function(){
this
}
jqDom.click(function(){
$(this)

});

bootstrap   引用别人设置好的样式  改成和设置好的样式一样的class值  class值可以设置多个 在中间加空格就行