jQuery_API_04_Traversing

txf2004

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

最近访客更多访客>>

east_java

u012363178

wangyy

GDGZWQZ

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

jQuery CSS Office JavaScript 出版

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

</style>

</head>

<body>

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

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

//Filtering:

//eq( index ) Returns: jQuery

//Reduce the set of matched elements to a single element.

// $("div").eq(2).addClass("blue");

//hasClass( class ) Returns: Boolean

//Checks the current selection against a class and returns true, if at least one element of the selection has the given class.

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

// if ( $(this).hasClass("protected") )

// $(this).animate({ left: -10 }, 75)

// .animate({ left: 10 }, 75)

// .animate({ left: -10 }, 75)

// .animate({ left: 10 }, 75)

// .animate({ left: 0 }, 75);

// });

//filter( expr ) Returns: jQuery

//Removes all elements from the set of matched elements that do not match the specified expression(s).

// $("div").css("background", "#c8ebcc")

// .filter(".middle")

// .css("border-color", "red");

//filter( fn ) Returns: jQuery

//Removes all elements from the set of matched elements that do not match the specified function.

// $("div").css("background", "#b4b0da")

// .filter(function (index) {

// return index == 1 || $(this).attr("id") == "fourth";

// })

// .css("border", "3px double red");

//is( expr ) Returns: Boolean

//Checks the current selection against an expression and returns true, if at least one element of the selection fits the given expression.

// $("div").one('click', function () {

// if ($(this).is(":first-child")) {

// $("p").text("It's the first div.");

// } else if ($(this).is(".blue,.red")) {

// $("p").text("It's a blue or red div.");

// } else if ($(this).is(":contains('Peter')")) {

// $("p").text("It's Peter!");

// } else {

// $("p").html("It's nothing <em>special</em>.");

// }

// $("p").hide().slideDown("slow");

// $(this).css({"border-style": "inset", cursor:"default"});

// });

//map( callback ) Returns: jQuery

//Translate a set of elements in the jQuery object into another set of values in a jQuery array (which may, or may not contain elements).

// $("p").append( $("input").map(function(){

// return $(this).val();

// }).get().join(", ") );

//not( expr ) Returns: jQuery

//Removes elements matching the specified expression from the set of matched elements.

// $("div").not(".green, #blueone")

// .css("border-color", "red");

//slice( start, end ) Returns: jQuery

//Selects a subset of the matched elements.

// function colorEm() {

// var $div = $("div");

// var start = Math.floor(Math.random() *

// $div.length);

// var end = Math.floor(Math.random() *

// ($div.length - start)) +

// start + 1;

// if (end == $div.length) end = undefined;

// $div.css("background", "");

// if (end)

// $div.slice(start, end).css("background", "yellow");

// else

// $div.slice(start).css("background", "yellow");

// $("span").text('$("div").slice(' + start +

// (end ? ', ' + end : '') +

// ').css("background", "yellow");');

// }

// $("button").click(colorEm);

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

//Finding:

//add( expr ) Returns: jQuery

//Adds more elements, matched by the given expression, to the set of matched elements.

//$("p").add("span").css("background", "yellow");

//children( expr ) Returns: jQuery

//Get a set of elements containing all of the unique immediate children of each of the matched set of elements.

//$("div").children().css("border-bottom", "3px double red");

//contents( ) Returns: jQuery

//Find all the child nodes inside the matched elements (including text nodes), or the content document, if the element is an iframe.

//$("p").contents().not("[nodeType=1]").wrap("<b/>");

//find( expr ) Returns: jQuery

//Searches for all elements that match the specified expression. This method is a good way to find additional descendant elements with which to process.

//$("p").find("span").css('color','red');

//next( expr ) Returns: jQuery

//Get a set of elements containing the unique next siblings of each of the given set of elements.

//$("button[disabled]").next().text("this button is disabled");

//nextAll( expr ) Returns: jQuery

//Find all sibling elements after the current element.

// $(":nth-child(1)").nextAll("p").addClass("after");

//offsetParent( ) Returns: jQuery

//Returns a jQuery collection with the positioned parent of the first matched element.

//parent( expr ) Returns: jQuery

//Get a set of elements containing the unique parents of the matched set of elements.

//$("p").parent(".selected").css("background", "yellow");

//parents( expr ) Returns: jQuery

//Get a set of elements containing the unique ancestors of the matched set of elements (except for the root element).

//The matched elements can be filtered with an optional expression.

// function showParents() {

// $("div").css("border-color", "white");

// var len = $("span.selected")

// .parents("div")

// .css("border", "2px red solid")

// .length;

// $("b").text("Unique div parents: " + len);

// }

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

// $(this).toggleClass("selected");

// showParents();

// });

//prev( expr ) Returns: jQuery

//Get a set of elements containing the unique previous siblings of each of the matched set of elements.

// var $curr = $("#start");

// $curr.css("background", "#f99");

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

// $curr = $curr.prev();

// $("div").css("background", "");

// $curr.css("background", "#f99");

// });

//prevAll( expr ) Returns: jQuery

//Find all sibling elements in front of the current element.

//$("div:last").prevAll().addClass("before");

//siblings( expr ) Returns: jQuery

//Get a set of elements containing all of the unique siblings of each of the matched set of elements.

//Can be filtered with an optional expressions.

// var len = $(".hilite").siblings()

// .css("color", "red")

// .length;

// $("b").text(len);

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

//Chaining:

//andSelf( ) Returns: jQuery

//Add the previous selection to the current selection.

// $("div").find("p").andSelf().addClass("border");

// $("div").find("p").addClass("background");

//end( ) Returns: jQuery

//Revert the most recent 'destructive' operation, changing the set of matched elements to its previous state (right before the destructive operation).

//$("p").find("span").end().css("border", "2px red solid");

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

});

</script>

</body>

</html>

分享到：

jQuery_API_05_Manipulation | jQuery_API_03_Attributes

2008-12-12 20:34
浏览 727
评论(0)
查看更多

发表评论

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

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论