jQuery css-dom
2015-12-15 11:26
477 查看
<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中Ajax应用
- jQuery属性操作
- jQuery样式操作
- 详细解读Jquery各Ajax函数:$.get(),$.post(),$.ajax(),$.getJSON()
- jQuery设置和获取HTML、文本和值
- Jquery tips 气泡提示信息
- jQuery 操作DOM总结,DOM Core操作,HTML-DOM操作和CSS-DOM操作
- 常用jquery小结
- Jquery mobile问题总汇
- jQuery中slice()方法用法实例
- jquery attr()方法
- jquery 表单 清空
- jQuery的选择器——可见性过滤选择器
- 关于jQuery新的事件绑定机制on()的使用技巧
- jquery使被点击标签置于选中状态并发GET请求
- jQueryt过滤选择器
- jquery获取复选框(checkbox)的选中值(一组和单个)
- JQuery插件常用写法
- JQuery插件常用写法
- jquery九宫格抽奖转盘插件