正则

1.正则表达式
使用单个字符,去检索匹配符合某个规则字符串
正则一般用于文本的检索和替换
声明正则对象:
new RegExp(); 如果有转义字符 需要两次转义
/hehe/ 推荐使用直接定义
内置方法:
test() 返回布尔值 如果匹配到返回 true 反之为false
exec()返回一个由匹配到的内容组成的数组 如果没有匹配到返回null
转义字符:
\w 单个的数字字母下划线
\W 单个非数字字母下划线
\d 单个数字
\D 单个非数字
\s 单个空白符
\S 除了空白符以外的任意一个字符
特殊元字符
. 单个的任意字符

  • 限制匹配次数 0次或者多次
  • 限制匹配次数 至少1次 或者多次
    ? 禁止贪婪 尽可能少的去匹配
    {} 限制匹配次数
    {2} 匹配两次
    {2,} 最少匹配2次
    {2,5} 匹配2到5次
    [] 限制匹配字符类型的范围
    [^] 取反
    () 子组 不影响整个规则的使用 ,将子组中匹配到的内容单独返回
    | 或者 一般配合子组来使用
    ^ 限制开头
    $ 限制结尾
    案例练习:实现用户注册页的格式验证
    2.jquery简介
    是一个原生js的封装库,可以简化js的操作,把常见的兼容性问题帮助我们给解决掉了
    1.x 可以兼容低版本浏览器
    2.x
    3.x
    我们选择的是1.x版本 1.8 1.11 1.12
    3.jquery的使用
    jquery是一个库,使用前先导入库文件
    在head 标签使用script 引入
    引入后去打印$ 检测 如果不报错说明引入成功
    4.选择器(如何获取元素对象)
    基本选择器
    id选择器
    标签选择器
    类选择器
    在这里插入图片描述
    过滤选择器
    first()
    last()
    eq()
    在这里插入图片描述
    关系选择器
    获取所有的子元素 children()
    获取不包括自己的所有同级元素 siblings()
    上一个同级元素 prev()
    下一个统计元素 next()
    获取先辈元素 prevents()
    查找指定的子元素 find()
    在这里插入图片描述
    5.元素操作
    样式操作
    jquery将样式操作封装成了css() 方法
    一次只设置一个样式
    css(‘要设置的样式’,’样式的值’)
    批量设置样式
    css({要设置的样式:’要设置的值’,key:’value’})
    class类操作
    添加类名
    格式:addClass(‘class类名1 class类名2’)
    移除类名
    格式:removeClass(‘class类名1 class类名2’)
    如果不传参数移除所有的class属性 传参数移除指定的class类名
    在这里插入图片描述
    属性操作
    设置属性 一次设置一个
    attr(‘要设置的属性名’,’属性的值’)
    一次设置多个属性的值
    attr({})
    获取属性的值
    attr(‘属性名’) 传一个参数代表回去指定属性的值
    移除属性
    removeAttr()
    在这里插入图片描述

attr一般用于操作自定义属性
元素本身的属性可以使用 prop()方法
prop()
removeProp()
prop的使用格式和attr一样 但是一般情况下 attr用来操作自定义的属性
prorp 操作元素本身的属性
文本和表单值的操作
inner HTM====>html()
innerText====>text()
和原生的功能一样 html() 可以解析标签 txet() 不解析标签
一般情况下使用html() 设置文本内容 text() 获取文本内容
在这里插入图片描述
val() 不传参数获取表单的值
传参是给表单赋值
在这里插入图片描述
案例:利用jquery来实现选项卡功能
6.相关尺寸操作
offset() 获取当前元素的偏移位置 返回一个包含left属性和top属性的对象
scrollTop()
scrollLeft()
width()
height()
案例:楼层导航
7.事件
基本的事件绑定
on方法绑定
事件冒泡
默认行为
案例:拖拽
8.节点操作
案例:城市联动

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值