JavaScript学习 jquery学习6 替换,删除,复制

(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()     

 
 






你可能感兴趣的:(JavaScript,jquery)