JQuery选择器

JQuery选择器

一，内容过滤器

1.内容过滤器就是通过DOM元素包含的文本内容以及是否含有匹配的元素进行筛选。

2. 应用内容过滤器匹配为空的单元格、不为空的单元格和包含指定文本的单元格
3. :parent 匹配含有子元素或者文本的元素 $(“td: parent”) //匹配不为空的单元格，即在该单元格中还包括子元素或者文本
   4.:has(selector) 匹配含有选择器所匹配元素的元素 $(“td:has§”) //匹配表格的单元格中含有<p>标记的单元格
   5.contains(text) 匹配包含给定文本的元素 $(“li:contains(‘DOM’)”) //匹配含有“DOM”文本内容的li元素
   6.:empty 匹配所有不包含子元素或者文本的空元素 $("td:empty")//匹配不包含子元素或者文本的单元格7.eg:‘$(“td:parent”).css(“background-color”,"#E8F3D1");//为不为空的单元格设置背景颜色$("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();
            }
        });