JQ CSS 常用选择器及相关操作

普通选择器

$(".error p") error类名下所有p标签
$(".error .err") error类名下err类名
$("#error .err") errorID名下err类名

准确查找某个类名: window.getComputedStyle($(‘.xxxxx’))

选择存在某个属性: $(".label-error").attr(‘name’)

选择属性为某个值: $ ("[name$=‘paymentOption’]")

选择可见: $(’.label-error:visible’)

相关操作：

判断是否含有某个类名：

$("#modal-fimily .w").is(".class")
$(’.lp-1-div.lp-div’).hasClass(“hide”)

隐藏特定子元素:

$(’#form .form-page:nth-child(11)’).removeClass(‘active’);
// 第十二个孩子元素去掉 active属性
$(’#form’).children().addClass(‘active’)
// 所有孩子加上active属性

定义含有某类名的元素： var el = this.closest(“a[href^=’#’]”);

判断是否存在某字符： str.indexOf(’。’)>-1

判断某个css属性: $(’.reg-page’).css(“display”) == “block”

遍历符合要求的每个元素

$ (".label-error").parent().children().each(function () {
//遍历$ (".label-error")上一级的所有孩子
var text=$(this).text().trim();
//trim() 格式化文本
});