jQuery_API_01_Core

txf2004

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

最近访客更多访客>>

east_java

u012363178

wangyy

GDGZWQZ

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

jQuery CSS Office IE JavaScript

版权声明：原创作品，允许转载，转载时请务必以超链接形式标明文章原始出版、作者信息和本声明。否则将追究法律责任。http://blog.csdn.net/mayongzhan - 马永占,myz,mayongzhan
<!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(){

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

//$(...) The jQuery Function:

//jQuery( expression, context ) Returns: jQuery

//This function accepts a string containing a CSS selector which is then used to match a set of elements.

//$("div", xml.responseXML);

//$("input:radio", document.forms[0]);

//jQuery( html, ownerDocument ) Returns: jQuery

//Create DOM elements on-the-fly from the provided String of raw HTML.

//$("<div><p>Hello</p></div>").appendTo("body")

// Does NOT work in IE:

//$("<input/>").attr("type", "checkbox");

// Does work in IE:

//$("<input type='checkbox'/>");

//jQuery( elements ) Returns: jQuery

//Wrap jQuery functionality around a single or multiple DOM Element(s).

//$(document.body).css( "background", "black" );

//jQuery( callback ) Returns: jQuery

//A shorthand for $(document).ready().

//$(function(){

// // Document is ready

//});

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

//jQuery Object Accessors:

//each( callback ) Returns: jQuery

//Execute a function within the context of every matched element.

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

// $("li").each(function(){

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

// });

//length Returns: Number

//The number of elements in the jQuery object.

//$(document.body).click(function () {

// $(document.body).append($("<div>"));

// var n = $("div").length;

// $("span").text("There are " + n + " divs." +

// "Click to add more.");

// }).trigger('click'); // trigger the click to start

//eq( position ) Returns: jQuery

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

//$("p").eq(1).css("color", "red")

//get( ) Returns: Array<Element>

//Access all matched DOM elements.

//function disp(divs) {

// var a = [];

// for (var i = 0; i < divs.length; i++) {

// a.push(divs[i].innerHTML);

// }

// $("span").text(a.join(" "));

// }

// disp( $("div").get().reverse() );

//get( index ) Returns: Element

//Access a single matched DOM element at a specified index in the matched set.

//$("*", document.body).click(function (e) {

// e.stopPropagation();

// var domEl = $(this).get(0);

// $("span:first").text("Clicked on - " + domEl.tagName);

// });

//index( subject ) Returns: Number

//Searches every matched element for the object and returns the index of the element, if found, starting with zero.

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

// // this is the dom element clicked

// var index = $("div").index(this);

// $("span").text("That was div index #" + index);

// });

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

//Data Cache:

//data( name ) Returns: Any

//Returns value at named data store for the element, as set by data(name, value).

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

// var value;

// switch ($("button").index(this)) {

// case 0 :

// value = $("div").data("blah");

// break;

// case 1 :

// $("div").data("blah", "hello");

// value = "Stored!";

// break;

// case 2 :

// $("div").data("blah", 86);

// value = "Stored!";

// break;

// case 3 :

// $("div").removeData("blah");

// value = "Removed!";

// break;

// }

// $("span").text("" + value);

// });

//data( name, value ) Returns: Any

//Stores the value in the named spot and also returns the value.

// $("div").data("test", { first: 16, last: "pizza!" });

// $("span:first").text($("div").data("test").first);

// $("span:last").text($("div").data("test").last);

//removeData( name ) Returns: jQuery

//Removes named data store from an element.

//$("span:eq(0)").text("" + $("div").data("test1"));

// $("div").data("test1", "VALUE-1");

// $("div").data("test2", "VALUE-2");

// $("span:eq(1)").text("" + $("div").data("test1"));

// $("div").removeData("test1");

// $("span:eq(2)").text("" + $("div").data("test1"));

// $("span:eq(3)").text("" + $("div").data("test2"));

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

//Plugins:

//jQuery.fn.extend( object ) Returns: jQuery

//Extends the jQuery element set to provide new methods (used to make a typical jQuery plugin).

//jQuery.fn.extend({

// check: function() {

// return this.each(function() { this.checked = true; });

// },

// uncheck: function() {

// return this.each(function() { this.checked = false; });

// }

//});

//$("input[@type=checkbox]").check();

//$("input[@type=radio]").uncheck();

//jQuery.extend( object ) Returns: jQuery

//Extends the jQuery object itself.

//jQuery.extend({

// min: function(a, b) { return a < b ? a : b; },

// max: function(a, b) { return a > b ? a : b; }

//});

//jQuery.min(2,3); // => 2

//jQuery.max(4,5); // => 5

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

//nteroperability:

//jQuery.noConflict( ) Returns: jQuery

//Run this function to give control of the $ variable back to whichever library first implemented it.

//jQuery.noConflict();

//// Do something with jQuery

//jQuery("div p").hide();

//// Do something with another library's $()

//$("content").style.display = 'none';

//or

//jQuery.noConflict();

//(function($) {

// $(function() {

// // more code using $ as alias to jQuery

// });

//})(jQuery);

//// other code using $ as an alias to the other library

//or

//var j = jQuery.noConflict();

//// Do something with jQuery

//j("div p").hide();

//// Do something with another library's $()

//$("content").style.display = 'none';

//jQuery.noConflict( extreme ) Returns: jQuery

//Revert control of both the $ and jQuery variables to their original owners. Use with discretion.

//var dom = {};

//dom.query = jQuery.noConflict(true);

//// Do something with the new jQuery

//dom.query("div p").hide();

//// Do something with another library's $()

//$("content").style.display = 'none';

//// Do something with another version of jQuery

//jQuery("div > p").hide();

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

});

</script>

</body>

</html>

分享到：

jQuery_API_02_Selectors | 在Eclipse中将Java项目打包为jar

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

发表评论

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

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论