<script type="text/javascript">//<![CDATA[ $(function(){//獲取<p>元素的color$("input:eq(0)").click(function(){alert( $("p").css("color") );});//設置<p>元素的color$("input:eq(1)").click(function(){$("p").css("color","red")});//設置<p>元素的fontSize和backgroundColor$("input:eq(2)").click(function(){$("p").css({"fontSize":"30px" ,"backgroundColor":"#888888"})}); //獲取<p>元素的高度$("input:eq(3)").click(function(){alert( $("p").height() );}); //獲取<p>元素的寬度$("input:eq(4)").click(function(){alert( $("p").width() );}); //獲取<p>元素的高度$("input:eq(5)").click(function(){$("p").height("100px");}); //獲取<p>元素的寬度$("input:eq(6)").click(function(){$("p").width("400px");}); //獲取<p>元素的的左邊距和上邊距$("input:eq(7)").click(function(){var offset = $("p").offset();var left = offset.left;var top = offset.top;alert("left:"+left+";top:"+top);}); });//]]></script>

總結

以上是生活随笔為你收集整理的jQuery css-dom的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。