jQuery_API_10_Utilities

最新推荐文章于 2025-04-18 21:22:36 发布

最新推荐文章于 2025-04-18 21:22:36 发布 · 71 阅读

文章标签：

#jQuery #CSS #Safari #JavaScript #出版 #ViewUI

本文详细介绍了jQuery的基本用法，包括如何使用jQuery进行DOM操作、数组处理及浏览器特性检测等。通过实例展示了jQuery提供的各种实用功能，帮助读者快速掌握jQuery的核心概念。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Language" content="utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="马永占(MyZ)" />
<meta name="Copyright" content="马永占(MyZ)" />
<meta name="description" content="" />
<meta name="keywords"content="" />
<link rel="icon" href="" type="image/x-icon" />
<link rel="shortcut icon" href="" type="image/x-icon" />
<link href="" rel="stylesheet" type="text/css" />
<title></title>
<style type="text/css">

</style>
<script type="text/javascript" src="jquery-1.2.6.js"></script>
</head>
<body>

//jQuery.browser Returns: Map
//Contains flags for the useragent, read from navigator.userAgent.
//$.browser.msie
//or
//if ($.browser.safari) {
// alert("this is safari!");
//}
//or
//jQuery.each(jQuery.browser, function(i, val) {
// if(i=="mozilla" && jQuery.browser.version.substr(0,3)=="1.9")
// alert("Do stuff for firefox 3")
//});
//or
//jQuery.each(jQuery.browser, function(i) {
// if($.browser.msie){
// $("#div ul li").css("display","inline");
// }else{
// $("#div ul li").css("display","inline-table");
// }
//});

//jQuery.browser.version Returns: String
//The version number of the rendering engine for the user's browser.
//if ( $.browser.msie )
// alert( $.browser.version );

//jQuery.boxModel Returns: Boolean
//States if the current page, in the user's browser, is being rendered using the W3C CSS Box Model.
//$.boxModel
////////////////////////////////////////////////////////////////////////////////////////
//Array and Object operations:

//jQuery.each( object, callback ) Returns: Object
//A generic iterator function, which can be used to seamlessly iterate over both objects and arrays.
//$.each( [0,1,2], function(i, n){
// alert( "Item #" + i + ": " + n );
//});
//or
//$.each( [0,1,2], function(i, n){
// alert( "Item #" + i + ": " + n );
//});
//or
//$.each( { name: "John", lang: "JS" }, function(i, n){
// alert( "Name: " + i + ", Value: " + n );
//});

//jQuery.extend( target, object1, objectN ) Returns: Object
//Extend one object with one or more others, returning the original, modified, object.
//var settings = { validate: false, limit: 5, name: "foo" };
//var options = { validate: true, name: "bar" };
//jQuery.extend(settings, options);
//or
//var empty = {}
//var defaults = { validate: false, limit: 5, name: "foo" };
//var options = { validate: true, name: "bar" };
//var settings = $.extend(empty, defaults, options);

//jQuery.grep( array, callback, invert ) Returns: Array
//Filter items out of an array, by using a filter function.
//$.grep( [0,1,2], function(n,i){
// return n > 0;
//});

//jQuery.makeArray( obj ) Returns: Array
//Turns anything into a true array.
// var arr = jQuery.makeArray(document.getElementsByTagName("div"));
// arr.reverse(); // use an Array method on list of dom elements
// $(arr).appendTo(document.body);

//jQuery.map( array, callback ) Returns: Array
//Translate all items in an array to another array of items.
//$.map( [0,1,2], function(n){
// return n + 4;
//});
//or
//$.map( [0,1,2], function(n){
// return n > 0 ? n + 1 : null;
//});
//or
//$.map( [0,1,2], function(n){
// return [ n, n + 1 ];
//});
//or
//$.map( [0,1,2,3], function (a) { return a * a; } );

//jQuery.inArray( value, array ) Returns: Number
//Determine the index of the first parameter in the Array (-1 if not found).
// var arr = [ 4, "Pete", 8, "John" ];
//
// $("span:eq(0)").text(jQuery.inArray("John", arr));
// $("span:eq(1)").text(jQuery.inArray(4, arr));
// $("span:eq(2)").text(jQuery.inArray("David", arr));

//jQuery.merge( first, second ) Returns: Array
//Merge two arrays together. Removing all duplicates is removed in jQuery 1.1.3
//$.merge( [0,1,2], [2,3,4] )
//or
//$.merge( [3,2,1], [4,3,2] )

//jQuery.unique( array ) Returns: Array
//Remove all duplicate elements from an array of elements.
//$.unique(document.getElementsByTagName("div"));
////////////////////////////////////////////////////////////////////////////////////////
//Test operations:

//jQuery.isFunction( obj ) Returns: Boolean
//Determine if the parameter passed is a function.
//$.isFunction(function(){});
////////////////////////////////////////////////////////////////////////////////////////
//String operations:

//jQuery.trim( str ) Returns: String
//Remove the whitespace from the beginning and end of a string.
//$.trim(" hello, how are you? ");
////////////////////////////////////////////////////////////////////////////////////////
});
</script>
</body>
</html>