在前端开发中，经常需要对html元素进行样式、属性等的批量设置，以提高开发效率。jquery作为一个javascript库，提供了多种方便的方法来对多个元素进行批量设置。
本文将介绍jQuery中批量设置HTML元素属性的方法，让您在日常开发中更加便捷高效。
一、attr方法
attr()方法是jQuery中设置HTML元素属性最常用的方法之一。它可以同时设置多个元素的同一属性值。举个例子，假设我们要把一个页面中所有的input元素的type属性都设置为text，可以这样写：
$('input').attr('type', 'text');
通过这一句代码，jQuery会选中所有的input元素，并把它们的type属性设置为text。如果我们只需要设置某一个类别的input元素的type属性，可以这样写：
$('.my-class input').attr('type', 'text');
这里选中了class为my-class的容器下的所有input元素，并把它们的type属性设置为text。
二、prop方法
prop()方法是jQuery中另一个设置元素属性的方法。和attr()方法不同的是，prop()方法更适合用于设置boolean类型的属性，例如checked、disabled、selected等。
例如，我们要把一个页面中所有的checkbox元素都禁用（disabled），可以这样写：
$('input[type="checkbox"]').prop('disabled', true);
这里选中了所有的type属性为checkbox的input元素，并把它们的disabled属性设置为true。
三、addClass、removeClass、toggleClass方法
如果我们需要对多个元素添加或删除class，可以使用jQuery提供的addClass、removeClass、toggleClass方法。
例如，我们想要对所有的h1元素添加class为big-title，可以这样写：
$('h1').addClass('big-title');
同样，如果我们想要删除所有的h1元素的class为big-title，可以这样写：
$('h1').removeClass('big-title);
如果我们要对所有的h1元素的class为big-title进行切换，可以这样写：
$('h1').toggleClass('big-title');
这里，如果h1元素本来没有big-title类，则会添加该类；如果已经有了big-title类，则会删除该类。
四、css方法
如果我们需要对多个元素设置样式，可以使用jQuery提供的css方法。例如，我们要把所有的p元素的文字颜色设置为红色，可以这样写：
$('p').css('color', 'red');
同样，如果我们要把所有的h1元素的背景色设置为黄色，可以这样写：
$('h1').css('background-color', 'yellow');
总结
通过上面的介绍，我们可以看到jQuery提供了多种方便的方法来对多个HTML元素进行批量设置。使用这些方法，我们可以轻松地设置元素属性、添加删除类、设置样式等，以提高日常开发效率。
当然，这里介绍的只是其中比较常用的方法，如果您想了解更多jQuery的使用技巧，可以参考官方文档或者相关书籍。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
