jQuery_API_05_Manipulation

txf2004

浏览: 7040610 次
性别:
来自: 上海

最近访客更多访客>>

east_java

u012363178

wangyy

GDGZWQZ

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

jQuery Office HTML JavaScript XHTML

<!DOCTYPE html PUBLIC "-//W<?xml:namespace prefix = st1 ns = "urn:schemas-microsoft-com:office:smarttags" /><chmetcnv w:st="on" tcsc="0" numbertype="1" negative="False" hasspace="False" sourcevalue="3" unitname="C">3C</chmetcnv>//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

<head>

</style>

</head>

<body>

$("document").ready(function(){

////////////////////////////////////////////////////////////////////////////////////////

//Changing Contents:

//html( ) Returns: String

//Get the html contents (innerHTML) of the first matched element. This property is not available on XML documents (although it will work for XHTML documents).

// $("p").click(function () {

// var htmlStr = $(this).html();

// $(this).text(htmlStr);

// });

//html( val ) Returns: jQuery

//Set the html contents of every matched element. This property is not available on XML documents (although it will work for XHTML documents).

//$("div").html("<span class='red'>Hello <b>Again</b></span>");

//text( ) Returns: String

//Get the combined text contents of all matched elements.

// var str = $("p:first").text();

// $("p:last").html(str);

//text( val ) Returns: jQuery

//Set the text contents of all matched elements.

//$("p").text("<b>Some</b> new text.");

////////////////////////////////////////////////////////////////////////////////////////

//Inserting Inside:

//append( content ) Returns: jQuery

//Append content to the inside of every matched element.

//$("p").append("<b>Hello</b>");

//appendTo( selector ) Returns: jQuery

//Append all of the matched elements to another, specified, set of elements.

//$("span").appendTo("#foo"); // check append() examples

//prepend( content ) Returns: jQuery

//Prepend content to the inside of every matched element.

//$("p").prepend("<b>Hello </b>");

//prependTo( selector ) Returns: jQuery

//Prepend all of the matched elements to another, specified, set of elements.

//$("span").prependTo("#foo"); // check prepend() examples

////////////////////////////////////////////////////////////////////////////////////////

//Inserting Outside:

//after( content ) Returns: jQuery

//Insert content after each of the matched elements.

//$("p").after("<b>Hello</b>");

//before( content ) Returns: jQuery

//Insert content before each of the matched elements.

//$("p").before("<b>Hello</b>");

//insertAfter( content ) Returns: jQuery

//Insert all of the matched elements after another, specified, set of elements.

//$("p").insertAfter("#foo"); // check after() examples

//insertBefore( content ) Returns: jQuery

//Insert all of the matched elements before another, specified, set of elements.

//$("p").insertBefore("#foo"); // check before() examples

////////////////////////////////////////////////////////////////////////////////////////

//Inserting Around:

//wrap( html ) Returns: jQuery

//Wrap each matched element with the specified HTML content.

//$("p").wrap("<div></div>");

//wrap( elem ) Returns: jQuery

//Wrap each matched element with the specified element.

//$("p").wrap(document.createElement("div"));

//wrapAll( html ) Returns: jQuery

//Wrap all the elements in the matched set into a single wrapper element.

//$("p").wrapAll("<div></div>");

//wrapAll( elem ) Returns: jQuery

//Wrap all the elements in the matched set into a single wrapper element.

//$("p").wrapAll(document.createElement("div"));

//wrapInner( html ) Returns: jQuery

//Wrap the inner child contents of each matched element (including text nodes) with an HTML structure.

//$("p").wrapInner("<b></b>");

//wrapInner( elem ) Returns: jQuery

//Wrap the inner child contents of each matched element (including text nodes) with a DOM element.

//$("p").wrapInner(document.createElement("b"));

////////////////////////////////////////////////////////////////////////////////////////

//Replacing:

//replaceWith( content ) Returns: jQuery

//Replaces all matched elements with the specified HTML or DOM elements. This returns the JQuery element that was just replaced, which has been removed from the DOM.

// $("button").click(function () {

// $(this).replaceWith("<div>" + $(this).text() + "</div>");

// });

//replaceAll( selector ) Returns: jQuery

//Replaces the elements matched by the specified selector with the matched elements.

//$("<b>Paragraph. </b>").replaceAll("p"); // check replaceWith() examples

////////////////////////////////////////////////////////////////////////////////////////

//Removing:

//empty( ) Returns: jQuery

//Remove all child nodes from the set of matched elements.

// $("button").click(function () {

// $("p").empty();

// });

//remove( expr ) Returns: jQuery

//Removes all matched elements from the DOM.

// $("button").click(function () {

// $("p").remove();

// });

////////////////////////////////////////////////////////////////////////////////////////

//Copying:

//clone( ) Returns: jQuery

//Clone matched DOM Elements and select the clones.

//$("b").clone().prependTo("p");

//clone( true ) Returns: jQuery

//Clone matched DOM Elements, and all their event handlers, and select the clones.

// $("button").click(function(){

// $(this).clone(true).insertAfter(this);

// });

////////////////////////////////////////////////////////////////////////////////////////

});

</script>

</body>

</html>

分享到：

jQuery_API_06_CSS | jQuery_API_04_Traversing

2008-12-12 22:40
浏览 798
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论