在使用 jQuery 进行 DOM 操作时，经常会遇到需要添加兄弟元素的情况。jQuery 提供了一些方法，可以方便地添加兄弟元素，并且可以根据需要进行定制。
一、使用 after() 方法添加兄弟元素
jQuery 中的 after() 方法可以在指定元素的后面添加新的元素。该方法接受一个参数，可以是 HTML 字符串、DOM 元素、jQuery 对象或函数。
. 添加 HTML 字符串
可以使用 after() 方法添加 HTML 字符串作为兄弟元素。例如：
```
$("myDiv").after("<p>这是新添加的兄弟元素</p>");
```
上面的代码将在 id 为 myDiv 的元素后面添加一个新的 p 元素。
. 添加 DOM 元素
也可以使用 after() 方法添加已存在的 DOM 元素作为兄弟元素。例如：
```
var newElement = document.createElement("p");
newElement.innerHTML = "这是新添加的兄弟元素";
$("myDiv").after(newElement);
```
上面的代码将在 id 为 myDiv 的元素后面添加一个已存在的 p 元素。
. 添加 jQuery 对象
还可以使用 after() 方法添加已存在的 jQuery 对象作为兄弟元素。例如：
```
var newElement = $("<p>这是新添加的兄弟元素</p>");
$("myDiv").after(newElement);
```
上面的代码将在 id 为 myDiv 的元素后面添加一个已存在的 jQuery 对象。
. 添加函数
最后，也可以使用 after() 方法添加函数作为兄弟元素。例如：
```
$("myDiv").after(function(){
return "<p>这是新添加的兄弟元素</p>";
});
```
上面的代码将在 id 为 myDiv 的元素后面添加一个函数返回的 HTML 字符串。
二、使用 before() 方法添加兄弟元素
jQuery 中的 before() 方法与 after() 方法类似，可以在指定元素的前面添加新的元素。
. 添加 HTML 字符串
可以使用 before() 方法添加 HTML 字符串作为兄弟元素。例如：
```
$("myDiv").before("<p>这是新添加的兄弟元素</p>");
```
上面的代码将在 id 为 myDiv 的元素前面添加一个新的 p 元素。
. 添加 DOM 元素
也可以使用 before() 方法添加已存在的 DOM 元素作为兄弟元素。例如：
```
var newElement = document.createElement("p");
newElement.innerHTML = "这是新添加的兄弟元素";
$("myDiv").before(newElement);
```
上面的代码将在 id 为 myDiv 的元素前面添加一个已存在的 p 元素。
. 添加 jQuery 对象
还可以使用 before() 方法添加已存在的 jQuery 对象作为兄弟元素。例如：
```
var newElement = $("<p>这是新添加的兄弟元素</p>");
$("myDiv").before(newElement);
```
上面的代码将在 id 为 myDiv 的元素前面添加一个已存在的 jQuery 对象。
. 添加函数
最后，也可以使用 before() 方法添加函数作为兄弟元素。例如：
```
$("myDiv").before(function(){
return "<p>这是新添加的兄弟元素</p>";
});
```
上面的代码将在 id 为 myDiv 的元素前面添加一个函数返回的 HTML 字符串。
我们可以看出，jQuery 提供了多种方法来添加兄弟元素，可以根据需要进行选择。需要注意的是，在使用这些方法时，应该确保指定元素存在，并且要注意新添加的兄弟元素是否符合语义和样式要求。