一、元字符

1.正则元字符简介

定义:元字符就是我们在正则定义中提到的 正则中的特定字符和特定字符组合。用来指代一些特定匹配内容

2.正则元字符详解

(1) .在正则表达式中 . 表示 要检测 出了换行符(\n)之外的 其他字符

(2) [范围] 中括号 在正则中 表示 要检测一个范围内的内容 例如:[0-9a-zA-Z] 表示 检测数字或小写字母或大写字母都可以

(3) [^范围] 中括号^ 在正则中 表示 要检测一个范围之外的内容

(4) \d 和 \D : \d 要检测数字 相当于[0-9]  \D 要检测所有非数字字符

(5) \w 和 \W : \w 要检测数字、字母或下划线  \W 要检测非数字,非字母,非下划线

(6) \s 和 \S:\s 要检测 空格、\n、\t(制表符)、空字符串等空白字符  \S 要检测 非空白字符

(7) ^ 和 $

^写法:/^指定内容/  表示 这个正则表达式要求 被检测的字符串 必须以指定内容 开头

$写法:/指定内容$/  表示 这个这则要求 被检测的字符串 必须以 指定内容 结尾

(8) ^ 和 $组合使用(严格模式)

写法:/^指定内容$/

作用:这种写法 被称为 正则的严格模式 表示 要求检测的字符串必须是 正则指定的内容 既不能多 也不能少

二、正则量词

1. a? 匹配a字符0次或者1次 a这个字符可有可无

2. 验证地址栏  \a 转义字符 a在正则表达式中有特殊含义 加上\就会失去原本的含义

3.a* 匹配a字符0次或者多次 尽可能的多次连续匹配

4.a+ 匹配a字符至少一次 数字 字母 下划线\w

5.{n,m} 至少出现n次 最多出现m次

6.{n} 只能出现n次

7.{n,} 至少出现n次 最多任意次

三、或运算和分组

1.或运算:

在正则中 或运算的写法 是 |

例如:/^张三|李四|王二$/

表示 该正则 要检测的字符串 必须是 张三或李四或王二 这三个名字中的一个

2.分组

在正则中 如果我们想让 某一部分内容 作为一个整体存在 可以使用小括号 将其包裹 被小括号包起来的部分 称为分组

由于 有分组的正则 可以 使用分组 分别进行验证 因此我们也可以 单独获取分组 验证的结果

写作:RegExp.$n

表示:获取第n个分组的检测结果

注意:如果想 通过这种写法 单独获取 某一分组检测的结果 需要 事先对正则 进行检测

四、前瞻后顾

1. ?= (正前瞻)

写法:/xxx(?=yyy)/

上述正则 表示 要求 xxx内容之后 必须是 yyy内容 如果不是yyy内容 就检测失败

2.?! (负前瞻)

写法:/xxx(?!yyy)/

表示 要求xxx内容的后面 不能是 yyy

3. ?<= (正后顾)

写法:/(?<=yyy)xxx/

表示 要求xxx内容的前面 必须是 yyy

4.?<! (负后顾)

写法:/(?<!yyy)xxx/;

表示 要求xxx内容前面 不能是 yyy

五、DOM

5.1DOM简介

DOM:document Object Model 文档对象模型,提供了一些api方法来操作html文档

API:应用程序在js中预先定义好的而一些函数(方法)

5.2DOM原理

DOM为了能让开发者操作html文档中的元素,对html文档进行了抽象化处理,将html文档抽象成一个DOM树  树中的节点就是标签

5.3DOM获取元素

get系列获取

document.getElementsByTagName("标签名")  通过标签名获取元素

document.getElementsByClassName("类名")  通过类名获取元素

document.getElementById("id名")  通过id获取元素

query系列获取

document.querySelector("css选择器")

获取整个文档下该css选择器的元素列表中的第一个

document.querySelectorAll("css选择器")

获取整个文档下该css选择器的元素列表集合

注意:query系列不支持ie低版本

5.4两者区别

get动态获取,query静态获取

5.4.1获取元素

get系列是动态获取 后续添加或者删除元素  会拿到最后的元素个数  query系列是静态获取

5.5 DOM节点分类

1.获取子节点

父元素.children 获取父元素下的元素节点

父元素 .childNodes 获取所有的节点 (文本节点 注释节点 元素节点)[text, comment, text, li.box, text]

2.获取节点类型 节点.nodeType

文本节点 3

注释节点 8

元素节点 1

3.获取节点名称 节点.nodeName 很重要

元素节点 --- 获取的是标签名大名

文本节点----#text

注释接点-----#comment

4.获取节点内容 节点.nodeValue 无法操作元素节点

null 元素节点无法使用nodeValue.因为元素节点通过

文本节点----123

注释节点----这是注释

5.设置节点内容 jiedian.nodeValue = 值 无法操作元素节点

每日一结(10.26)相关推荐

  1. 每日一结(10.25)

    一.sort排序方法 1.基础用法: sort() 不传参 根据ASCII编码进行排序的 "0"-48 代码: var newArr = arr.sort(); console.l ...

  2. 每日一结(10.31)

    1.懒加载 - 懒加载的应用场景:在一些电商类平台网站上 由于页面要加载的数据量较庞大,因此如果直接将页面所有内容都加载出来,会导致页面的加载时间过长,导致页面白屏. 因此,开发者们想出了懒加载的办法 ...

  3. 每日一结(10.19)

    1.函数    1.1函数返回值     什么时候需要函数返回值        函数外想要使用函数内部的变量的时候     语法:return  返回值     注意事项         函数中ret ...

  4. 10.26日永泰姬岩、闽清白岩山穿越,吃农家菜

    10.26日永泰姬岩.闽清白岩山穿越,吃农家菜 出发时间:本周六26日,8:00(不浪费别人时间乃公德) 集合地点:万像城麦当劳门口集合出发 活动类型:景区游.健行.摄影.穿越. 活动地点:福州-闽清 ...

  5. Daily Scrum 10.26

    10月26日,第二周的开始,Chronos第二次大会召开. 今天后台功能的实现还算成功,UI也已经完成了活动发起的界面.但后台对于主页活动的加载机制需要进一步优化,明天将使用缓存机制对现有方法进行改善 ...

  6. ubuntun 下安装 node-v0.10.26

    sudo apt-get install g++ curl libssl-dev apache2-utils wget http://nodejs.org/dist/v0.10.26/node-v0. ...

  7. Java黑皮书课后题第10章:*10.26(计算器)修改程序清单7-9,接收一个字符串表达式,其中操作符和操作数由0到多个空格隔开

    第10章:*10.26(计算器) 题目 程序清单7-9 本题代码:大幅优化升级 题目 程序清单7-9 对代码进行了修改:原代码将"."认做乘号,修改后将"*"作 ...

  8. 野鸡NOI.AC模拟赛【2019.10.26】

    前言 截止至2019.10.2614:222019.10.26\ \ \ \ 14:222019.10.26    14:22 成绩 正题 T1:NOI.AC−T1:NOI.AC-T1:NOI.AC− ...

  9. 10.26 第二次面试小感

    面试,并不是那么容易. 不过庆幸的是我凭着我扎实的理论知识很快的的到面试官的认可. (简单的介绍下我们的面试官,其实是公司的技术总监,年轻健谈,没有给人压抑的成分.) 为啥是他一个人给我们面试呢?据我 ...

  10. 10.26 要尝试让自己安静下来,去做该做的事 而不是让内心烦躁,焦虑,毁掉你本就不多的热情和定力

    要尝试让自己安静下来,去做该做的事 而不是让内心烦躁,焦虑,毁掉你本就不多的热情和定力 复习 import torch import torch.nn as nn import math from t ...

最新文章

  1. Bitmap的使用(三)
  2. Matlab:单幅图象的暗原色先验去雾改进算法,能够很好地改进天空或明亮部分色彩失真问题
  3. jquery元素节点操作
  4. 使用磁盘为Linux添加swap
  5. python3.7安装步骤-python安装步骤_python 3.7.2安装教程
  6. 007-JQuery 筛选
  7. 360影视php采集接口,基于360影视采集实例
  8. 怎么选择论文查重软件?
  9. 数据分析师 2020-8-09笔试题目 有感
  10. 柏林是哪个系统的服务器,柏林系统其实很“佛系”,明白了这些你也能玩好海缸!...
  11. 用illustrator、AI将边框线转换为填充形状
  12. 9008 能 解锁BL_【Android取证】一部锤子手机引起的解锁事件
  13. 第1章 计算机组成原理概述
  14. 为什么用链路聚合_链路聚合技术作用和优点
  15. 情人节送男友什么有新意、2022送礼指南
  16. JavaScript代码在哪里放置?
  17. docker启动mysql闪退问题
  18. Python中end=‘‘的用法
  19. h264/AVC文件格式叙述
  20. C# 有道API翻译 查询单词详细信息

热门文章

  1. 高德地图安卓 拖拽选点_高德地图想再造一个大众点评?
  2. 什么是运算计算机科学的基础概念,【软件设计师】笔记一:计算机科学基础知识...
  3. 如何维持手机电池寿命_关于如何延长智能手机电池寿命的一些提示
  4. forwarding
  5. 蓝桥杯——PCF8591
  6. 专有名词或英文缩写释义
  7. WordPress 前端投稿/编辑插件 DJD Site Post(支持游客和已注册用户)
  8. an怎么做淡入_切换场景的淡入淡出效果
  9. USYD悉尼大学DATA1002 详细作业解析Module4
  10. Linux下基础命令(二)