jquery学习--dom操作
来源:互联网 发布:淘宝企业店铺登录 编辑:程序博客网 时间:2024/06/05 08:28
1.查找元素节点:
获取文本:
$("ul li:eq(1)").text();//ul里第二个li的文本值
获取属性节点:
$("p").attr("title");//获取p的title属性
2.创建节点:
步骤:
1).创建 用$(html)完成
创建文本节点:
var $li_1 = $("<li>呵呵</li>");
创建属性节点:
var $li_2 = $("<li title="呵呵">呵呵</li>"); //带有title属性的属性节点
2).插入节点:
append();向每个匹配到的节点内部追加内容
$("ul").append($li_1);
$(A).appendTo(B); 将所有的a追加到b中
$(A).prepend(B);//想每个a前加入b
$(A).prependTo(B);//将a前置到b
$(A).after(B);//a之后插入b
$(A).insertAfter(B);//将a插入到b后
$(A).before(B);//a之前插入b
$(A).insertBefore(B);//a插入b前
这个方法可以用来插入新的节点,也可以用来移动原有的节点
3.删除节点
1);remove()方法
$("ul li:eq(1)").remove();//移除ul里第二个li
2):empty()方法
$("ul li:eq(1)").empty();//清空ul里第二个li里的内容,而不是删除第二个li
4.复制节点:
clone();//复制节点 ,被复制的节点不具备任何行为
clone(true);//复制的节点,该节点有复制功能
$("#ul li").click(function(){
$(this).clone().appendTo("ul");
$(this).clone(true).appendTo("ul");
});
5.替换节点:
$(A).replaceWith(B);//b替换a
$(A).replaceAll(B);//a替换b
6.包裹节点
$(A).wrap(B);//用b标签将每个a包起来
$(A).wrapAll(B);//用b标签将所有a包起来
$(A).wrapInner(B);//用b标签将a的子元素包起来
6.属性操作:
看看
- jquery学习--dom操作
- jQuery学习--jQuery DOM 操作
- JQuery学习(3)操作DOM
- JQuery的学习:DOM操作
- jquery学习之DOM操作
- JQuery学习二: DOM操作
- jQuery 学习笔记 (jQuery DOM的操作)
- jQuery学习--Chapter04小结(jQuery操作DOM)
- JQuery学习笔记-JQuery的DOM操作
- jQuery学习笔记-----jQuery中的DOM操作
- Jquery学习之Jquery操作DOM
- jquery学习总结(二) 操作DOM
- jquery学习笔记之DOM操作
- JQuery之DOM操作学习笔记
- 【jQuery学习笔记---------DOM操作复制元素】
- jQuery学习之六-----DOM节点操作
- jQuery学习之文档(DOM)操作
- jQuery中的DOM操作学习笔记
- httpclient3教程(六)
- DevStack安装问题 pip安装镜像源
- D客学院 分享3D打印和个性化2D定制最前沿的资讯
- linux /sys目录下各个子目录的具体说明
- iOS 字符串截取
- jquery学习--dom操作
- CrossApp之 获取当前系统时间
- EJB到底是什么,真的那么神秘吗??
- UV Texture Coordinates and Texture Mapping - OpenGL / DirectX
- wait、sleep、yield
- Unity3D【脚本】 异步切换场景,显示进度到滚动条
- httpclient4教程(七)
- 配置Openfire 的 Presence Service插件
- Ubuntu14.04下MySQL的安装与卸载