jquery学习总结（超级详细）

6. .val() 取出或设置html内容 取出某个表单元素的值 
　　需要注意的是，如果结果集包含多个元素，那么赋值的时候，将对其中所有的元素赋值；取值的时候，则是只取出第一个元素的值（.text()例外，它取出所有元素的text内容）。

  五、元素的操作：移动
.insertAfter()，把div元素移动p元素后面：

$(‘div’).insertAfter(‘p’);
.after()，把p元素加到div元素前面：
　

 $(‘p’).after(‘div’);
使用这种模式的操作方法，一共有四对

1. .insertAfter()和.after()：在现存元素的外部，从后面插入元素 
2. .insertBefore()和.before()：在现存元素的外部，从前面插入元素 
3. .appendTo()和.append()：在现存元素的内部，从后面插入元素 
4. .prependTo()和.prepend()  ：在现存元素的内部，从前面插入元素

1.after():
描述:
在所有段落中后插入一个jQuery对象(类似于一个DOM元素数组)。

HTML 代码:
<b>Hello</b><p>I would like to say: </p>
jQuery 代码:
$("p").after( $("b") );
结果:
<p>I would like to say: </p><b>Hello</b>

2.insertAfter()：
描述:
把所有段落插入到一个元素之后。与 $(“#foo”).after(“p”)相同

HTML 代码:
<p>I would like to say: </p><div id="foo">Hello</div>
jQuery 代码:
$("p").insertAfter("#foo");
结果:
<div id="foo">Hello</div><p>I would like to say: </p>

3.before()：
描述:
在所有段落中前插入一个jQuery对象(类似于一个DOM元素数组)。

HTML 代码:
<p>I would like to say: </p><b>Hello</b>
jQuery 代码:
$("p").before( $("b") );
结果:
<b>Hello</b><p>I would like to say: </p>

4.append()：
描述：向所有段落中追加一些HTML标记。

HTML 代码:
<p>I would like to say: </p>
jQuery 代码:
$("p").append("<b>Hello</b>");
结果:
 <p>I would like to say: <b>Hello</b></p>

5.appendTo()
描述：新建段落追加div中并加上一个class

HTML 代码:
<div></div><div></div>
jQuery 代码:
 $("<p/>")
  .appendTo("div")
  .addClass("test")
  .end()
  .addClass("test2");
结果:
<div><p class="test test2"></p></div>
<div><p class="test"></p></div>								 
 3/7   首页 上一页 1 2 3 4 5 6 下一页 尾页