(1)将匹配的替换成后面的:
$("b").replaceWith("<b class=\"red\">Hello KwooShung</b>");
(2)用前面的替换后面的:
$("<div>Hello</div>").replaceAll("b");
(3)删除内容及子节点,自己本身不删除
$("span").empty();
(4)删除自身及子节点
$("p").remove();
(5)克隆添加(与之前的不一样之处在于,克隆之后原来的不会改变):
$("b").clone().appendTo("span");
$(this).clone(true).appendTo("body");
clone()和clone(true)的区别在于:有了true之后,会复制事件处理函数等一切的属性,没有,则只是复制这个元素,没有额外的属性,时间处理
在这里,在重复一下html(),text(),val()的差别:
获得选定元素的HTML代码:$("div").html() //结果:div包裹的内容,为空,则为空 例子:<div><h1>ming</h1></div>----> <h1>ming</h1>
设置指定元素内部的html代码:$("div").html("<h1>minng</h1>")最终结果:<div><h1>ming</h1></div>
只显示标签的内容,只有文本,不会显示标签:例子同html,以作对比:结果为:ming
设置内容,如果是html,也当作文本输出:$("div").text("<h1>ming</h1>")----->结果为:<h1>ming</h1> 不会只显示ming
获取用户输入的,获得input的值,check,select,radio等都能获取:$("xx").val()