jQuery函数学习

zhengtianbing123

浏览: 55078 次
性别:
来自: 大连

最近访客更多访客>>

bigguo

cseternal

fengzy001

kingkwj

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

jQuery

jQuery HTML

函数：after(content)
功能：在每个匹配的元素后面添加html内容
返回：jQuery对象
参数：content (<Content>): Content to insert after each target.
例子：
Inserts some HTML after all paragraphs.

jQuery Code
$("p").after("Hello");
Before
I would like to say: 
Result:
I would like to say: Hello

Inserts an Element after all paragraphs.

jQuery Code
$("p").after( $("#foo")[0] );
Before
HelloI would like to say: 
Result:
I would like to say: Hello

Inserts a jQuery object (similar to an Array of DOM Elements) after all paragraphs.

jQuery Code
$("p").after( $("b") );
Before
HelloI would like to say: 
Result:
I would like to say: Hello

函数：append(content)
功能：在每个匹配元素之内添加content内容
返回：jQuery对象
参数：content (<Content>): Content to append to the target
例子：
Appends some HTML to all paragraphs.

jQuery Code
$("p").append("Hello");
Before
I would like to say: 
Result:
I would like to say: Hello

Appends an Element to all paragraphs.

jQuery Code
$("p").append( $("#foo")[0] );
Before
I would like to say: Hello
Result:
I would like to say: Hello

Appends a jQuery object (similar to an Array of DOM Elements) to all paragraphs.

jQuery Code
$("p").append( $("b") );
Before
I would like to say: Hello
Result:
I would like to say: Hello

函数：appendTo(content)
功能：和append(content)类似，只不过是将前面匹配的元素添加到后面的元素内
返回：jQuery对象
参数：content (<Content>): Content to append to the selected element to.
例子：
Appends all paragraphs to the element with the ID "foo"

jQuery Code
$("p").appendTo("#foo");
Before
I would like to say: <div id="foo"></div>
Result:
<div id="foo">I would like to say: </div>

函数：before(content)
功能：在匹配元素之前添加内容
返回：jQuery对象
参数：content (<Content>): Content to insert before each target.
例子：
Inserts some HTML before all paragraphs.

jQuery Code
$("p").before("Hello");
Before
I would like to say: 
Result:
HelloI would like to say: 

Inserts an Element before all paragraphs.

jQuery Code
$("p").before( $("#foo")[0] );
Before
I would like to say: Hello
Result:
HelloI would like to say: 

Inserts a jQuery object (similar to an Array of DOM Elements) before all paragraphs.

jQuery Code
$("p").before( $("b") );
Before
I would like to say: Hello
Result:
HelloI would like to say: 

函数：clone(deep)
功能：克隆dom元素
返回：jQuery对象
参数：deep (Boolean): (可选的) 是否克隆子节点及其自身
例子：
Clones all b elements (and selects the clones) and prepends them to all paragraphs.

jQuery Code
$("b").clone().prependTo("p");
Before
Hello, how are you?
Result:
HelloHello, how are you?

函数：empty()
功能：移除匹配元素的子节点
返回：jQuery对象
例子：
jQuery Code
$("p").empty()
Before
Hello, Person <a href="#">and person</a>
Result:
[ 

函数：insertAfter(content)
功能：将匹配元素插入到content插入到之后
返回：jQuery对象
参数：Content to insert the selected element after
例子：
jQuery Code
$("p").insertAfter("#foo");
Before
I would like to say: <div id="foo">Hello</div>
Result:
<div id="foo">Hello</div>I would like to say: 

函数：insertBefore(content)
功能：将匹配元素插入到content插入到之前
返回：jQuery对象
参数：Content to insert the selected element before.
例子：
jQuery Code
$("p").insertBefore("#foo");
Before
<div id="foo">Hello</div>I would like to say: 
Result:
I would like to say: <div id="foo">Hello</div>

函数：prepend(content)
功能：与append相反，append是添加到匹配元素子节点之后，prepend是添加到匹配元素子节点之前
返回：jQuery对象
参数： Content to prepend to the target.
例子：
jQuery Code
$("p").prepend("Hello");
Before
I would like to say: 
Result:
HelloI would like to say: 

jQuery Code
$("p").prepend( $("#foo")[0] );
Before
I would like to say: Hello
Result:
HelloI would like to say: 

$("p").prepend( $("b") );
Before
I would like to say: Hello
Result:
HelloI would like to say: 

函数：prependTo(content)
功能：将前面元素添加到后面元素子节点的前面
返回：jQuery对象
参数：content (<Content>): Content to prepend to the selected element to.
例子：
jQuery Code
$("p").prependTo("#foo");
Before
I would like to say: <div id="foo">Hello</div>
Result:
<div id="foo">I would like to say: Hello</div>

函数：remove(expr)
功能：移除匹配元素
功能：jQuery对象
参数：expr (String): (optional) A jQuery expression to filter elements by.
例子：
jQuery Code
$("p").remove();
Before
Hello how are you?
Result:
how are

jQuery Code
$("p").remove(".hello");
Before
Hello how are you?
Result:
how are you?

函数：wrap(html)
功能：对匹配元素用html包裹起来
返回：jQuery对象
参数：
例子：
jQuery Code
$("p").wrap("<div class='wrap'></div>");
Before
Test Paragraph.
Result:
<div class='wrap'>Test Paragraph.</div>

函数：wrap(elem)
功能：对指定元素用html包裹起来
参数：
例子：
jQuery Code
$("p").wrap( document.getElementById('content') );
Before
Test Paragraph.<div id="content"></div>
Result:
<div id="content">Test Paragraph.</div>
Tag标签: jquery,jquery函数,append函数,clone函数,empty函数,wrap函数,remove函数

分享到：