jQuery元素控件(添加元素/附加内容)的介绍和应用

1。在元素内外添加元素
添加,在添加子元素:
前,后:作为兄弟会加入
HTML:
复制代码代码如下所示:

给我添加一个故事


Javascript:
复制代码代码如下所示:

函数(){()
在元素内追加内容
$(#内容)。追加(姚明退役…);
})


对#内容添加元素,这是减压,姚明。将它添加到#内容作为子元素。如果要将元素添加到元素中,则需要使用。这样,你就可以退休了,姚明。作为哥哥的元素,增加#内容。
复制代码代码如下所示:

函数(){()
/ /添加跨度要追加到后面的内容
$(#内容),(姚明退役后…);
})


两。将内容添加到元素的不同位置
HTML
复制代码代码如下所示:

窗前的月光

怀疑是地上的霜。

Javascript
复制代码代码如下所示:

函数(){()
/ /添加跨度要追加到后面的内容
$(跨度)。AppendTo(#内容);
})


三。在元素的开头添加内容
HTML
复制代码代码如下所示:


给我添加一个故事


Javascript
复制代码代码如下所示:

函数(){()
在其他元素/内容的起始位置
$(#内容),Prepend(头);
})


四。将内容添加到不同元素的起始位置
HTML
复制代码代码如下所示:

给我添加一个故事

怀疑是地上的霜。

Javascript
复制代码代码如下所示:

函数(){()
在不同元素/附加内容的起始位置
$(跨度)。PrependTo(#内容);
})


加入#内容元素,这似乎在地板上作为子元素添加到内容的#霜,如果你想添加外部元件的启动元件,需要使用前,所以你可以把它似乎在地板上作为兄弟的元素添加到内容开始#霜
复制代码代码如下所示:

函数(){()
在不同元素/附加内容的起始位置
$(跨度)。在(#内容);
})


五。包含指定结构的元素包含元素。
翘曲(HTML)
HTML元素是在指定的HTML中指定的,但是指定的元素不能包含兄弟元素。否则,它不能正常运行,并且不包含一般的文本字符串。下面的代码包含带有div标签的p标记。
HTML
复制代码代码如下所示:

我把我包括在div


Javascript
复制代码代码如下所示:

函数(){()
$();
})


六。包含一些带有指定元素的HTML元素。
WarpAll(HTML)
HTML
复制代码代码如下所示:

磷含量
磷含量
磷含量
磷含量
磷含量


Javascript
复制代码代码如下所示:

函数(){()
$(p)。WrapAll();
})


七。包括用指定的标签的子元素
WrapInner(HTML)
与翘曲方法一样,HTML元素是在HTML中指定的,例如:
包含B标记的p标记中的文本的代码如下所示:
HTML代码
p标签的文本包含在B标记中。
p标签的文本也包含在B标签中。
复制代码代码如下所示:
Javascript

函数(){()
$(p)。WrapInner();
})