9.11 JQuery的一天

文本

一、获取
1、节点
//本节点
$(this/”标签”/”类名”/”id名”等) //父节点$(“子节点”).parent()
//子节点
$(“父节点”).children() //兄节点$(“节点”).prev()
//弟节点
$(“节点”).next()1

2、节点内容
//获得节点及内容
$(“selector”).html(); //获得节点内容$(“selector”).text();
//获得第i个节点名称及内容
$(“selector”).get(i); 1

二、创建节点
$(““);1

三、增加
1、节点中加入内容
//在标签中加入内容
$(““).text(“在标签中加入内容!”); //在标签中加入内容$(““).html(“在标签中加入内容!”);1

2、开头增加
//在每个p标签开头插入
$(“p”).prepend(“

在每个p标签开头插入!

“);1

3、末尾增加
//在每个p标签末尾插入
$(“p”).append(“

在每个p标签末尾插入!

“);1

4、任意位置增加
//在末尾插入
$(“id名”).append(“

在末尾插入!

“);1

5、复制（克隆）
//在末尾插入已经复制的p元素（包括各种样式属性）
$("body").append($(“p”).clone());1

四、替换
1、只替换文本
//把每个p元素中的内容替换成“Hello world!”
$(“p”).text(“Hello world!”);1

2、替换文本时，新文本可同时设置样式。
//把每个p元素中的内容替换成“Hello world!”,保留数量
$(“p”).html(“Hello world!”);1

3、替换文本时，新文本可同时设置样式。
//把所有p元素中的内容替换成“Hello world!”，只剩一个。
$(“p”).replaceAll(“Hello world!”);1

4、替换文本时，新文本可同时设置样式。
//把所有p元素中的内容替换成“Hello world!”，只剩一个。
$(“p”).replaceWith(“Hello world!”);1

五、删除
1、只清空内容,包含子节点。
//把每个p元素中的内容及其子节点清空。
$(“p”).empty();1

2、清空内容（包含子节点），但后文可继续引用。
//把每个p元素中的内容及其子节点清空，但可以再次引用。
$(“p”).detach();1

3、清空内容（包含子节点），但后文不可继续引用。
//把每个p元素中的内容及其子节点清空，但不可以再次引用。
$(“p”).remove();1

对象互转

1、jquery对象转js对象
$(#id名)[0]$(#id名).get(0)1

2、js对象转jquery对象
var a=document.getElementById(“id名”);
$(a);1