JQuery选择器

JQuery选择器

一,内容过滤器

1.内容过滤器就是通过DOM元素包含的文本内容以及是否含有匹配的元素进行筛选。
  1. 应用内容过滤器匹配为空的单元格、不为空的单元格和包含指定文本的单元格在这里插入图片描述
  2. :parent 匹配含有子元素或者文本的元素 $(“td: parent”) //匹配不为空的单元格,即在该单元格中还包括子元素或者文本
    4.:has(selector) 匹配含有选择器所匹配元素的元素 $(“td:has§”) //匹配表格的单元格中含有<p>标记的单元格
    5.contains(text) 匹配包含给定文本的元素 $(“li:contains(‘DOM’)”) //匹配含有“DOM”文本内容的li元素
    6.:empty 匹配所有不包含子元素或者文本的空元素 ( " t d : e m p t y " ) / / 匹 配 不 包 含 子 元 素 或 者 文 本 的 单 元 格 7. e g : ‘ ("td:empty") //匹配不包含子元素或者文本的单元格 7.eg: ` ("td:empty")//7.eg:(“td:parent”).css(“background-color”,"#E8F3D1");//为不为空的单元格设置背景颜色 ( " t d : e m p t y " ) . h t m l ( " 暂 无 内 容 " ) ; ‘ / / 为 空 的 单 元 格 添 加 默 认 内 容 ‘ ("td:empty").html("暂无内容");` //为空的单元格添加默认内容 ` ("td:empty").html("");//(“td:contains(‘wgh’)”).css(“c在这里插入代码片olor”,“red”);` //将含有文本wgh的单元格的文字颜色设置为红色
    });

二,可见性

:hidden 匹配所有不可见元素,或者type为hidden的元素
:visible 匹配所有的可见元素
*相当于show();hide();
//
if (pwd == “”) {
$(".error1").attr(“display”,“visible”);
} else if (pwd != “”) {
$(".error1").attr(“display”,“hidden”);
}

if (pwd == “”) {
$(".error1").show();
} else if (pwd != “”) {
$(".error1").hide();
}

三,小细节

在这里插入图片描述
tr空格:odd 为偶数列加
*代码技术是活的,注意灵活运用

四,作业感悟

不会不重要,百度最重要

$("#b1").click(function () {
//判断验证码是否为空,是否正确

            var yan = $("#yan").val();
            if (yan == "") {
               
                $(".error2").show();
            } else if (yan != "") {
                $(".error2").hide();
                }
                //不能连接,判断0681需独自判断
            if (yan != "0681") {
               alert("验证码错误,请输入正确的验证码!!");
                }
    });
    //判断字符

                //判断字符(邮箱)6-100个之间
                //6以下,100以上span不隐藏,且变红
                var emile = $('#emile').val().length;
                if (emile >= 6 || emile <=100) {
                    $(".shi4").css("color", "red")
                    $(".shi4").show();
                    return false;
                } else {
                    $(".shi4").hide();
                }

//两次密码是否相同
var pwd = $("#pwd").val();

            var pwd1 = $("#pwd1").val();

            //< !--对比两次输入的密码 -->

           if (pwd == pwd1) {

               $("#tishi").css("color", "green");
               $("#tishi").hide();
    }

            else {
                $("#tishi").css("color", "red")

               $("#tishi").show();
            }
        });
©️2020 CSDN 皮肤主题: 游动-白 设计师:上身试试 返回首页