jQuery代码操作

一、HTML代码块操作

html()可以对HTML代码进行操作，类似于JavaScript中的innerHTML

当该方法用于返回内容时，则返回第一个匹配元素的内容

当方法用于设置内容时，则重写所有匹配元素的内容

提示：如只需要设置或返回被选元素的文本内容，使用text()方法

语法：

返回内容：

$(selector).html();

设置内容，会自动解析html标签：

$(selector).html(content);

使用函数设置内容

$(selector).html(function(index,currentcontent));

参数	描述
content	必需。规定被选元素的新内容(可包含HTML标签)。
function(index,currentocintent)	可选。规定返回被选元素的新内容的函数。index-返回集合中元素的index位置。currentcontent-返回被选元素的当前HTML内容。

二、jQuery的Class操作

除了通过设置css()方法，也可以修改class名来修改样式效果。

jQuery  addClass()方法

addClass()方法向被选元素添加一个或多个类名。

该方法不会移除已存在的class属性，仅仅添加一个或多个类名到class 属性。

提示:如需添加多个类，请使用空格分隔类名。

语法：

$(selector).addclass(classname);

jQuery removeClass()方法

removeClass()方法向被选元素移除一个类名。

$("li").removeclass("bigger");

jQuery hasClass()方法

hasClass()方法判断被选元素是否包含这个类名。

alert($("li").hasclass("bigger"));

jQuery toggleClass()方法

toggleClass()方法判断被选元素是否有该类名，如果有就移除他，如果没有，添加他。

$("li"). toggleclass("basic");

三、替换节点

replaceWith()和replaceAll()用于替换某个节点。

replaceWith()方法把被选元素替换为新的内容。

语法：

$(selector).replacewith(content,function(index))

参数	描述
content	必需。规定要插入的内容(可包含HTML标签)。可能的值:HTML元素jQuery对象DOM元素
function(index)	可选。规定返回替换内容的函数。index-返回集合中元素的index位置。

replaceAll()方法把被选元素替换为新的HTML元素。

语法：

​​​​​​​

$(content) .rep1aceAll(selector)

参数	描述
content	必需。规定要插入的内容(必须包含HTML标签)。
selector	必需。规定哪一个元素将被替换。