jQuery_API_06_CSS

txf2004

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

最近访客更多访客>>

east_java

u012363178

wangyy

GDGZWQZ

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

CSS jQuery JavaScript 出版 XHTML

<!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>

//css( name ) Returns: String
//Return a style property on the first matched element.
// $("div").click(function () {
// var color = $(this).css("background-color");
// $("#result").html("That div is <span style='color:" +
// color + ";'>" + color + "</span>.");
// });

//css( properties ) Returns: jQuery
//Set a key/value object as style properties to all matched elements.
// $("p").hover(function () {
// $(this).css({'background-color' : 'yellow', 'font-weight' : 'bolder'});
// }, function () {
// var cssObj = {
// 'background-color' : '#ddd',
// 'font-weight' : '',
// 'color' : 'rgb(0,40,244)'
// }
// $(this).css(cssObj);
// });

//css( name, value ) Returns: jQuery
//Set a single style property to a value on all matched elements.
// $("p").mouseover(function () {
// $(this).css("color","red");
// });
////////////////////////////////////////////////////////////////////////////////////////
//Positioning:

//offset( ) Returns: Object{top,left}
//Get the current offset of the first matched element relative to the document.
//var p = $("p:last");
//var offset = p.offset();
//p.html( "left: " + offset.left + ", top: " + offset.top );

//position( ) Returns: Object{top,left}
//Gets the top and left position of an element relative to its offset parent.
//var p = $("p:first");
//var position = p.position();
//$("p:last").text( "left: " + position.left + ", top: " + position.top );

//scrollTop( ) Returns: Integer
//Gets the scroll top offset of the first matched element.
//var p = $("p:first");
//$("p:last").text( "scrollTop:" + p.scrollTop() );

//scrollTop( val ) Returns: jQuery
//When a value is passed in, the scroll top offset is set to that value on all matched elements.
//$("div.demo").scrollTop(300);

//scrollLeft( ) Returns: Integer
//Gets the scroll left offset of the first matched element.
//var p = $("p:first");
//$("p:last").text( "scrollLeft:" + p.scrollLeft() );

//scrollLeft( val ) Returns: jQuery
//When a value is passed in, the scroll left offset is set to that value on all matched elements.
//$("div.demo").scrollLeft(300);
////////////////////////////////////////////////////////////////////////////////////////
//Height and Width:

//height( ) Returns: Integer
//Get the current computed, pixel, height of the first matched element.
// function showHeight(ele, h) {
// $("div").text("The height for the " + ele +
// " is " + h + "px.");
// }
// $("#getp").click(function () {
// showHeight("paragraph", $("p").height());
// });
// $("#getd").click(function () {
// showHeight("document", $(document).height());
// });
// $("#getw").click(function () {
// showHeight("window", $(window).height());
// });

//height( val ) Returns: jQuery
//Set the CSS height of every matched element.
// $("div").one('click', function () {
// $(this).height(30)
// .css({cursor:"auto", backgroundColor:"green"});
// });

//width( ) Returns: Integer
//Get the current computed, pixel, width of the first matched element.
// function showWidth(ele, w) {
// $("div").text("The width for the " + ele +
// " is " + w + "px.");
// }
// $("#getp").click(function () {
// showWidth("paragraph", $("p").width());
// });
// $("#getd").click(function () {
// showWidth("document", $(document).width());
// });
// $("#getw").click(function () {
// showWidth("window", $(window).width());
// });

//width( val ) Returns: jQuery
//Set the CSS width of every matched element.
// $("div").one('click', function () {
// $(this).width(30)
// .css({cursor:"auto", "background-color":"blue"});
// });

//innerHeight( ) Returns: Integer
//Gets the inner height (excludes the border and includes the padding) for the first matched element.
//var p = $("p:first");
//$("p:last").text( "innerHeight:" + p.innerHeight() );

//innerWidth( ) Returns: Integer
//Gets the inner width (excludes the border and includes the padding) for the first matched element.
//var p = $("p:first");
//$("p:last").text( "innerWidth:" + p.innerWidth() );

//outerHeight( options ) Returns: Integer
//Gets the outer height (includes the border and padding by default) for the first matched element.
//var p = $("p:first");
//$("p:last").text( "outerHeight:" + p.outerHeight() + " , outerHeight(true):" + p.outerHeight(true) );

//outerWidth( options ) Returns: Integer
//Get the outer width (includes the border and padding by default) for the first matched element.
//var p = $("p:first");
//$("p:last").text( "outerWidth:" + p.outerWidth()+ " , outerWidth(true):" + p.outerWidth(true) );
////////////////////////////////////////////////////////////////////////////////////////
});
</script>
</body>
</html>

分享到：