【jQuery】：DOM操作之CURD

前端开发作者： 2024-08-20 23:35:02

[toc] 一、获取节点 1、获取节点文本内容 2、获取节点属性二、创建节点创建节点不等同于添加节点，创建的节点还不在文档节点树中。 1、创建元素 2、创建文本节点 3、创建属性节点三、添加节点

//案例
<p title="location"> 你住在哪? </p>
<ul>
    <li title="温州">温州</li>
    <li title="杭州">杭州</li>
    <li title="广州">广州</li>
</ul>

一、获取节点

var $li = $("ul li:eq(1)"); //获取<ul>里的第二个li节点
var li_text = $li.text();   //获取其文本内容

var $para = $("p");
var attr = $para.attr("title");//获取title属性值

var $li_0 = $("<li></li>");    	//创建一个<li>元素，方式1
var $li_1 = $("<li/>");    		//创建一个<li>元素，方式2

var $li_text = $("<li>苏州</li>");

var $li_attr = $("<li title='苏州'>苏州</li>");

$("ul").append($("<li> 新元素 </li>"));	//向ul内部追加新元素
$("<li> 新元素 </li>").appendTo($("ul"));	//效果相同

$("ul").append($("li:eq(1)"));//将第二个li移出，并添加到ul

var $ul = $("ul");
var $li = $("li:eq(1)").remove(); 	//将第二个li元素移除
$li.appendTo($ul);					//将移除的li元素再次添加到ul中

$("ul").clone(true).insertAfter($("ul"));//将ul列表复制一份添加到原表后面

$("p").replaceWith($("<strong>你住在哪?</strong>"));//用指定的DOM元素或HTML替换p元素
$("<strong>你住在哪?</strong>").replaceAll("p");	//与上相同

$("li").wrap("<strong></strong>");	//将li元素加粗

原创声明

本站部分文章基于互联网的整理，我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。

本文链接：http://www.jiecseo.com/news/show_65779.html

相关资讯：【jQuery】：DOM操作之CURD