jQuery常用Method-API
目的:对web页面(HTML/JSP/XML)中的任何标签,属性,内容进行增删改查
DOM简述与分类
(A)DOM是一种W3C官方标准规则,可访问任何标签语言的页面(HTML/JSP/XML)
(B)DOM是跨平台(window/linux/unix),跨语言(javascript/java),
跨浏览器(ie/firefox/Chrome)的标准规则
(C)我们只需要按照DOM标准规则,针对主流浏览器(ie/firefox/Chrome)编程
(D)JS/jQuery按照DOM的标准规则,既可以操作HTML/JSP,也能操作CSS
(E)DOM标准规则不是JS的专属,其它语言,也能适用,例如:VBScript,Java语言等
DOM标准规则下的jQuery常用API
- each():是jQuery中专用于迭代数组的方法,参数为一个处理函数,this表示当前需要迭代的js对象
- append():追加到父元素之后
- prepend():追加到父元素之前
- after():追加到兄弟元素之后
- before():追加到兄弟元素之前
- attr(name):获取属性值 attr(name,value):给符合条件的标签添加key-value属性对
- $(“
HTML代码“):创建元素,属性,文本
- remove():删除自已及其后代节点
- val():获取value属性的值
- val(“”):设置value属性值为”“空串,相当于清空
- text():获取HTML或XML标签之间的值
- text(“”):设置HTML或XML标签之间的值为”“空串
- clone():只复制样式,不复制行为 clone(true):既复制样式,又复制行为 -> 静态事件是静态行为
- replaceWith():替代原来的节点
- removeAttr():删除已存在的属性
- addClass():增加已存在的样式
- removeClass():删除已存在的样式
- hasClass():判断标签是否有指定的样式,true表示有样式,false表示无样式
- toggleClass():如果标签有样式就删除,否则增加样式
- offset():获取对象的left和top坐标
- offset({top:100,left:200}):将对象直接定位到指定的left和top坐标
- width():获取对象的宽 width(300):设置对象的宽
- height():获取对象的高 height(500):设置对象的高
- children():只查询子节点,不含后代节点
- next():下一下兄弟节点
- prev():上一下兄弟节点
- siblings():上下兄弟节点
- show():显示对象
- hide():隐藏对象
- fadeIn():淡入显示对象 参数为耗费的时间
- fadeOut():淡出隐藏对象
- slideUp():向上滑动 参数为滑动过程所耗费的时间 ->好友列表隐藏
- slideDown():向下滑动
- slideToggle():上下切换滑动,速度快点
零碎
window.setTimeout(function(){
//图片显示
$("img").show(5000);
},3000);
休息3秒, 去干一件事