设为首页 加入收藏

TOP

jQuery总结(八)
2019-09-17 16:52:50 】 浏览:94
Tags:jQuery 总结
).empty()
-6.替换节点
replaceWith()
replaceAll()
-7.复制节点
语法:
$(selector).clone([includeEvents])
--6、属性操作
-1.获取与设置元素属性
语法:
$(selector).attr([name]) //获取属性值
或者
$(selector).attr({[name1:value1],[name2:value2].....[nameN:valueN]}) //设置多个属性值
其参数name表示属性名称,value表示属性值
-2.删除元素属性
语法:
$(selector).removeAttr(name)
--7、节点遍历
-1.遍历子元素
在jQuery中,遍历子元素的方法只有一个,即children()方法。如果想获取某元素的子元素,并对其进行操作,可以使用jQuery中提供的children()方法。该方法可以用来获取元素的所有子元素的所有子元素,而不考虑其他后代元素。其语法格式如下。
语法:
$(selector).children([expr])
其参数expr为可选,用于过滤子元素的表达式。
-2.遍历同辈元素的说明方法
next([expr]):用于获取紧邻匹配元素之后的元素
prev([expr]):用于获取紧邻匹配元素之前的元素
siblings([expr]):用于获取位于匹配元素前面和后面的所有同辈元素
-3.遍历前辈元素
语法:
参数可选。获取当前匹配元素集合中每个元素的父级元素
$(selector).parent([selector])
参数可选。获取当前匹配元素集合中每个元素的祖先元素
$(selector).parents([selector])
-4.其他遍历方法
1.each()方法
each()方法规定为每个匹配元素规定运行的函数,语法格式如下。
语法:
$(selector).each(function(index,element))
2.end()方法
end()方法结束当前链条中最近的筛选操作,并将匹配元素集还原为之前的状态,语法如下所示。
语法:
.end();
--8、CSS-DOM相关操作方法说明
css():设置或返回匹配元素的样式属性
height([value]):参数可选。设置或返回匹配元素的高度。如果没有规定长度单位,则使用默认的px作为单位
width(value):参数可选。设置或返回匹配元素的宽度。如果没有规定长度单位,则使用默认的px作为单位
offset([value]):返回以像素为单位的top和left坐标。此方法仅对可见元素有效
offseParent():使用最近的已定位祖先元素。定位元素指的是元素的CSS position值被设置为relative、absolute或fixed元素
postiton():返回第一个匹配元素相对于父元素的位置
scrollLeft([postiton]):参数可选。设置或返回匹配元素相对滚动条左侧的偏移
scrollTop([postiton]):参数可选。设置或返回匹配元素相对滚动条顶部的偏移

-------------------------------------------------------------------------------------------------------------------------------------------

第九章 表单校验

--1、表单选择器
语法 描述
:input 匹配所有input、textarea、select和button元素
:text 匹配所有单行文本框
:password 匹配所有密码框
:radio 匹配所有单项按钮
:checkbox 匹配所有复选框
:submit 匹配所有提交按钮
:image 匹配所有图像域
:reset 匹配所有重置按钮
:button 匹配所有按钮
:file 匹配所有文件域
:hidden 匹配所有不可见元素,或者type为hidden的元素
--2、表单属性过滤器
语法 描述
:enabled 匹配所有可用元素
:disabled 匹配所有不可用元素
:checked 匹配所有被选中元素(复选框、单项按钮、select中的option)
:selected 匹配所有选中的option元素
--3、表单验证常用的方法和事件
事件:
onblur:失去焦点,当光标离开某个文本框时触发
onfocus:获取焦点,当光标进入某个文本框时触发
方法:
blur():从文本域中移开焦点
focus():在文本域中设置焦点,即获得光标
select():选取文本域中的内容,突出显示输入区域的内容
--4、正则表达式
-1.正则表达式是一个描述字符模式的对象,它是由一些特殊的符号组成的,这些符号和在SQL Server中学过的通配符一样,其组成的字符模式用来匹配各种表达式。
-2.定义正则表达式
1.普通方式
语法:
var reg=/表达式/附加参数
表达式:一个字符串代表了某种规则,其中可以使用某些特殊字符来代表特殊的规则
附件参数:用来扩展表达式的含义,主要有以下三个参数。
g:代表可以进行全局匹配
i:代表不区分大小写匹配
m:代表可以进行多行匹配
2.构造函数
语法:
var reg=new RegExp("表达式","附加参数");
3.表达式的模式
1.简单模式
简单模式是指通过普通字符的组合来表达的模式。例如:
var reg=/china/;
var reg=/abc8/;

2.复合模式
复合模式是指含有通配符来表达的模式,这里的通配符与SQL Server中的通配符相似。例如:
var reg=/^\w+$/;
4.RegExp对象
方法 描述
exec() 检索字符中是正则表达式的匹配,返回找到的值,并确定其位置
test() 检索字符串中指定的值,返回true后false
5.test()方法用于检测一个字符串是否匹配某个模式,语法格式如下。
语法:
正则表达式对象实例.test(字符串)
6.String对象的方法
方法 描述
match() 在字符串内检索指定的值,找到一个或多个正则表达式的匹配
search() 检索与正则表达式相匹配的值
replace() 替换与正则表达式匹配的字符串
split() 把字符串分割为字符串数组
7.方法
1.match()方法:在字符串内检索指定的值,找到一个或多个正则表达式的匹配
语法:
字符串对象.match(searchString或regexpObject)
searchString是检索的字符串的值,regexpObject是规定要匹配模式的RegExp对象。
2.replace()方法
语法:
字符串对象.replace(RegExp对象或字符串,"替换的字符串")
3.split()方法
语法:
字符串对象.split(分隔符,n)
8.RegExp对象的属性
属性 描述
global RegExp对象是否具有标志g
ignoreCase RegExp对象是否具有标志i
multiline RegExp对象是否具有标志m
9.正则表达式的常用符号
符号 描述
/.../ 代表一个模式的开始和结束
^ 匹配字符串的开始
$ 匹配字符串的结束
\s 任何空白字符
\S 任何非空白字符
\d 匹配一个数字字符,等价于[0~9]
\D 除了数字之外的任何字符,等价于[^0~9]
\w 匹配一个数字、下划线或字母字符,等价于[A-

首页 上一页 5 6 7 8 9 下一页 尾页 8/9/9
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇javascript原型与原型链个人理解 下一篇React前端有钱途吗?《React+Redu..

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目