js实例，jquery基本选择器

最新推荐文章于 2022-10-16 08:19:00 发布

adsdsasada

最新推荐文章于 2022-10-16 08:19:00 发布

阅读量116

点赞数 1

文章标签： js

本文链接：https://blog.csdn.net/adsdsasada/article/details/110395148

版权

这篇博客探讨了jQuery的基本选择器，如标签选择器，以及如何在jQuery对象和DOM对象之间转换。jQuery的优点包括轻量级、强大的选择器、DOM封装、事件处理机制、浏览器兼容性和链式操作。此外，还介绍了`each()`方法的使用。

摘要由CSDN通过智能技术生成

正则表达式

符号	描述
/…/	代表一个模式的开始和结束
^	匹配字符串的开始
$	匹配字符串的结束
\s	任何空白字符
\S	任何非空白字符
\d	匹配一个数字字符，等价于[0-9]
\D	除了数字之外的任何字符，等价于[^0-9]
\w	匹配一个数字、下划线或字母字符，等价于[A-Za-z0-9_]
\W	任何非单字字符，等价于[^a-zA-z0-9_]
.	除了换行符之外的任意字符

符号	描述
{n}	匹配前一项n次
{n,}	匹配前一项n次，或者多次
{n,m}	匹配前一项至少n次，但是不能超过m次
*****	匹配前一项0次或多次，等价于{0,}
+	匹配前一项1次或多次，等价于{1,}
？	匹配前一项0次或1次，也就是说前一项是可选的，等价于{0,1}

表单验证

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .red {
    
            color: red;
        }

        .green {
    
            color: green;
        }

        .broRed{
    
            border-color: red;
        }
    </style>
    <script>
        //账号不能为空长度为6
        function user(t) {
    
            var u1 = document.getElementById(t.id + "1");
            //可以使用正则表达式进行验证
            if(t.value.length!=6){
    
                u1.innerHTML="长度应为6位";
                u1.className="";
                u1.classList.add("red")
            }else{
    
                u1.innerHTML="格式正确";
                u1.className="";
                u1.classList.add("green")
            }
            t.classList.remove("broRed");
        }

        function bor(t){
    
             t.select();
            t.classList.

最低0.47元/天解锁文章

adsdsasada

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js实例，jquery基本选择器

正则表达式符号描述/…/代表一个模式的开始和结束^匹配字符串的开始$匹配字符串的结束\s任何空白字符\S任何非空白字符\d匹配一个数字字符，等价于**[0-9]**\D除了数字之外的任何字符，等价于**[^0-9]**\w匹配一个数字、下划线或字母字符，等价于**[A-Za-z0-9_]**\W任何非单字字符，等价于**[^a-zA-z0-9_]**.除了换行符之外的任意字符符号描述{n
复制链接

扫一扫