码迷,mamicode.com
首页 > Web开发 > 详细

jQuery css

时间:2016-04-15 17:59:44      阅读:153      评论:0      收藏:0      [点我收藏+]

标签:

$("p").css("color"); 取得第一个段落的color样式属性的值。
$("p").css({ "color": "#ff0011", "background": "blue" }); 将所有段落的字体颜色设为红色并且背景为蓝色。
$("p").css("color","red");  将所有段落字体设为红色


$("button").click(function(){
$("p").offset({top:100,left:0});
});

var voffset = $("#inner").offset();
alert(voffset.left);   //输出:$("#outer").offset().left+50
alert(voffset.top);    //输出:$("#outer").offset().top+60

技术分享

<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    x=$("p").offset();
    $("#span1").text(x.left);
    $("#span2").text(x.top);
  });
});
</script>
</head>
<body>
<p>本段落的偏移是 <span id="span1">unknown</span> left 和 <span id="span2">unknown</span> top。</p>
<button>获得 offset</button>
</body>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    x=$("p").position();
    alert("Left position: " + x.left + " Top position: " + x.top);
  });
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button>获得 p 元素的位置坐标</button>
</body>

 

$(document).ready(function(){
  $(".btn1").click(function(){
    $("div").scrollTop(100);
  });
  $(".btn2").click(function(){
    alert($("div").scrollTop()+" px");
  });
});

$(document).ready(function(){
$("button").click(function(){
$("div").scrollLeft(100);
});
});

 

$("p").width(20);

jQuery css

标签:

原文地址:http://www.cnblogs.com/MdpHappyForEver/p/5396064.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!