1 / 15
文档名称:

jQuery系列-DOM操作(理论)课件.ppt

格式:ppt   大小:260KB   页数:15页
下载后只包含 1 个 PPT 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

jQuery系列-DOM操作(理论)课件.ppt

上传人:rsqcpza 2020/7/31 文件大小:260 KB

下载得到文件列表

jQuery系列-DOM操作(理论)课件.ppt

文档介绍

文档介绍:DOM操作JQuery系列1回顾:input可以匹配哪些元素? 所有input,textarea,select和button元素修改元素样式有几种方法? css(“样式名”,”样式值”) attr(“style”,”样式值”) addClass(“css类”)/removeClass(“css类”); attr(“class”,”css类”)2本章任务使用jQuery操作DOM进一步了解jQuery事件3使用jQuery操作DOM添加新元素删除元素替换元素复制元素本章目标4DOM操作创建新元素例: $(“<div></div>”)或者$(“<div/>”) $(“<div><p>新元素</p></div>”)注意: HTML代码中标签必须完整 HTML代码中标签不要使用大写字母语法:$(“HTML代码”)(小儿子)(自己)(大儿子)(自己)(弟弟)(自己)(哥哥)(自己)如果添加的元素为已有元素,则变为元素移动。6DOM操作删除元素empty() 删除匹配的元素集合中所有的子节点。remove([expr]) 从DOM中删除所有匹配的元素。 detach([expr]) 从DOM中删除所有匹配的元素。remove/detach所有绑定的事件、附加的数据等不会/都会保留下来。7DOM操作替换元素replaceWith(content) 将所有匹配的元素替换成指定的HTML或DOM元素。replaceAll(selector) 用匹配的元素替换掉所有selector匹配到的元素。8DOM操作复制元素clone() 克隆匹配的DOM元素并且选中这些克隆的副本。clone(true) 克隆匹配的DOM元素以及其所有的事件处理并且选中这些克隆的副本。9事件事件处理bind(type,[data],fn) 为每个匹配元素的特定事件绑定事件处理函数。参数类型说明typeString含有一个或多个事件类型的字符串,比如"click"或"submit"data(可选)