Jquery是一种非常强大的JavaScript框架，可以轻松地操作HTML元素和CSS样式。如果您想查看一个div元素下的所有属性，那么Jquery提供了一个非常方便的方法来实现这个目标。 在Jquery中，您可以使用.attr()方法来获取或设置HTML元素的属性。例如，以下代码将获取一个名为“my-div”的div元素的所有属性：

var attrs = $('#my-div').attr();

在这个示例中，$（'#my-div'）选择器选择了一个名为“my-div”的div元素，并将其存储在一个变量中。然后，.attr（）方法被调用来获取div元素的属性。这个方法将返回一个名为“attrs”的对象，该对象包含div元素的所有属性和它们的值。 您可以使用console.log（）方法输出这些属性，以便在浏览器的控制台中查看它们：

console.log(attrs);

这将在控制台中显示一个包含所有属性和它们的值的对象。这个对象将像这样：

{
  id: "my-div",
  class: "my-class",
  style: "color: red; font-size: 16px;",
  data-role: "my-role",
  title: "My Title"
}

这个对象包含五个属性：id，class，style，data-role和title。每个属性都有一个值，例如，id属性的值是“my-div”。 在实际应用中，您可能会需要过滤出一些特定的属性，例如，只查找class属性。这可以使用.attr（）方法的单一参数版本来实现，该方法将返回所请求属性的值。例如，以下代码将返回名为“my-div”的div元素的“class”属性值：

var myClass = $('#my-div').attr('class');
console.log(myClass);

这将在控制台中输出“my-class”。 总之，Jquery使得查找HTML元素的属性变得非常容易，只需一行代码就可以完成。您可以使用.attr（）方法来获取HTML元素的所有属性，或使用该方法的单个参数版本来检索特定属性的值。