jquery一些常用

jQuery操作元素的样式

//设置样式
$("#conBlue").attr("class","green");
//添加样式
$("#conBlue").addClass("larger");
		
//添加具体的样式
$("#conRed").css("font-size","40px");
$("#conRed").css({"font-family":"楷体","color":"green"});
		
//移除样式
$("#remove").removeClass("larger");

//筛选class属性包含”A“字符，把这两个div筛选出来，并让这两个div隐藏。
// 找到所有class属性包含"A"的元素，并将它们隐藏
$("[class*=A]").hide();
//显示
$("[class*=A]").show();

// 获取所有class属性包含"A"的元素
var elements = document.querySelectorAll('[class*=A]');
// 遍历所有元素，并输出它们的class属性值
for (var i = 0; i < elements.length; i++) {
  console.log(elements[i].className);

// 获取所有id属性包含"A"的元素
var elements = document.querySelectorAll('[id*="A"]');
// 遍历所有元素，并输出它们的id属性值
for (var i = 0; i < elements.length; i++) {
  console.log(elements[i].id);
}
}


//获取class=isotope-product-filter col-auto的div元素的子元素中class=active的元素文本。
示例：
<div class="isotope-product-filter col-auto">
  <div class="filter-item active">筛选项1</div>
  <div class="filter-item">筛选项2</div>
  <div class="filter-item">筛选项3</div>
</div>
---
// 找到class为isotope-product-filter col-auto的div元素，并获取其子元素中class为active的元素的文本内容
var text = $(".isotope-product-filter.col-auto .filter-item.active").text();
//在上述代码中，".isotope-product-filter.col-auto .filter-item.active"表示查询class属性为"isotope-product-filter col-auto"的div元素中所有class属性为"filter-item"，且同时有"active"这个class属性的子元素。然后，调用text方法获取选中元素的文本内容。