js

来源:互联网 发布:vscode 智能提示插件 编辑:程序博客网 时间:2024/05/22 12:48

(1)split()
split()方法用于把一个字符串分割成字符数组
stringObject.split(separator,howmany)
str(被分割的字符串)、separator(必需,字符串或者正则表达式)、howmany(可选,指定返回的数组的最大长度)
(2)join()
join() 方法用于把数组中的所有元素放入一个字符串
arrayObject.join(separator)
separator(可选。指定要使用的分隔符。如果省略该参数,则使用逗号作为分隔符。)
2、
(1)substring()
substring() 方法用于提取字符串中介于两个指定下标之间的字符
stringObject.substring(start,stop)
start(必需,非负整数,规定要提取的子串的第一个字符在 stringObject 中的位置)
stop(可选,非负整数,比要提取的子串的最后一个字符在 stringObject 中的位置多 1,
如果省略该参数,那么返回的子串会一直到字符串的结尾)
substring() 方法返回的子串包括 start 处的字符,但不包括 stop 处的字符
"Hello world!".substring(3)="lo world";
"Hello world!".substring(3,7)="lo w"
重要事项:与 slice() 和 substr() 方法不同的是,substring() 不接受负的参数。
(2)slice()
slice() 方法可提取字符串的某个部分,并以新的字符串返回被提取的部分
stringObject.slice(start,end)
start(要抽取的片断的起始下标。如果是负数,则该参数规定的是从字符串的尾部开始算起的位置。
也就是说,-1 指字符串的最后一个字符,-2 指倒数第二个字符,以此类推。)
end(紧接着要抽取的片段的结尾的下标。若未指定此参数,则要提取的子串包括 start 到原字符串
结尾的字符串。如果该参数是负数,那么它规定的是从字符串的尾部开始算起的位置。)
(3)substr()(重要事项:ECMAscript 没有对该方法进行标准化,因此反对使用它。)
substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。
stringObject.substr(start,length)
start 必需。要抽取的子串的起始下标。必须是数值。如果是负数,那么该参数声明
从字符串的尾部开始算起的位置。也就是说,-1 指字符串中最后一个字符,-2 指倒数
第二个字符,以此类推。
length 可选。子串中的字符数。必须是数值。如果省略了该参数,那么返回从 
stringObject 的开始位置到结尾的字串。
3、ECMScript
ECMAScript实际上是一种脚本在语法和语义上的标准。实际上JavaScript是由ECMAScript
,DOM和BOM三者组成的。 所以说,在JavaScript,JScript和ActionScript中声明变量,
操作数组等语法完全一样,因为它们都是ECMAScript。但是在操作浏览器对象等方面又有
各自独特的方法,这些都是各自语言的扩展。
4、jquery DOM操作
(1)插入节点
1)append() 在元素内部追加新创建的内容
2)appendTo() 将所有匹配的元素追加到指定的元素中
3)prepend() 向每个匹配的元素内部前置内容
4)prependTo 将所有匹配的元素前置到指定的元素中
5)after() 在每个匹配的元素之后插入内容
6)insertAfter() 将所有匹配的元素插入到指定元素的后面
7)befor() 将每个匹配的元素之前插入内容
8)insertBefore() 将所有匹配的元素插入到指定的元素的前面
(2)删除节点
1)remove() 删除DOM中所有匹配的元素
2)empty() 清空元素里的内容
(3)复制节点
1)clone()
$("ul li").click(function(){
$(this).clone().appendTo("ul");//复制当前单击的节点,并将它追加到<ul>元素中
});
$(this).clone(true).appendTo("body");//注意参数true
在clone()方法传递了一个参数true,它的含义是复制元素的同时复制元素中所绑定的事件
,因此该元素的副本也同样具备复制功能。
2)替换节点
a、replaceWith() $("p").replaceWith("<strong>你最不喜欢的水果是?"</strong>);
b、replaceAll()  $("<strong>你最不喜欢的水果是?</strong>").replaceAll("p");
注意:
如果在替换之前,已经为元素绑定了事件,替换后原先绑定的事件将会与被替换
的元素一起消失,需要在新元素上重新绑定事件。
(4)包裹节点
1)wrap() 将某节点用其他标记包裹起来
2)wrapAll() 将所有匹配的元素用一个元素包裹
区别
wrap()方法将所有的元素进行单独的包裹。
3)wrapinner() 将每一个匹配的元素的字内容(包括文本节点)用其他结构化的标记包裹起来
5、属性操作
(1)获取属性和设置属性
用attr()方法来获取和设置元素属性
(2)删除属性
removeAttr()方法来删除元素属性    $("p").removeAttr("title");
6、样式
(1)获取额设置样式  var p_class = $("p").attr("class");//获取<p>元素的class
 $("p").attr("class","high");//设置<p>元素的class为high
(2)追加样式 addClass()
(3)移除样式 removeClass()
(4)切换样式 toggle() 主要控制行为上的重复切换
(5)hasClass() 判断元素是否有某个class  return boolean ; $("p").hasClass("another"); 
7、获取页面元素值
(1)html() 获取元素的html代码
(2)text() 获取元素的文本内容
(3)val() 取值
就是它能select(下拉列表框),checkbox(多选框)和radio(单选框) 相应的选项被选中,
在表单操作中会经常用到。
//使用val设置选中项
$("#single").val("选择2号");
//如果要使下拉列表的第2项和第3项被选中
$("#multiple").val(["选择2号","选择3号"]); //以数组的形式赋值
使多个文本框被选中
$(":checkbox").val(["check2","check3"]);
$(":radio").val(["radio2"]);
也可以使用attr()方法来实现同样的功能
$("#single option:eq(1)").attr("selected",true);  //设置属性selected 
$("[value=radio2]:radio").attr("checked",true);
8、children() 匹配元素的子元素集合
9、next() 匹配元素后面紧邻的同辈元素
   prev() 匹配元素前面紧邻的同辈元素
10、siblings() 匹配元素前后所有的同辈元素


11、setInterval()
setInterval()方法按照指定的周期(以毫秒计)来调用函数或计算表达式
不停的调用函数,直到clearInteral()被调用或窗口被关闭
0 0