jQuery之CSS

幸运
185
文章
0
评论
三月 10, 202014:12:30 评论 85 1415字阅读4分43秒

一、css

1、css(name|pro|[,val|fn])

访问 或设置 匹配元素的样式属性
name:要访问的属性名称 或 一个或多个css属性组成的一个数组

例:$("p").css("color");

properties:要设置的样式属性的名/值对

例:$("p").css({"color":"#ccc","fontSize":"red"});

name,value:属性名,属性值

例:$("p").css("color","red");

name,function(index,value):
1:属性名
2:此函数返回要设置的属性值。接受两个参数,index为元素在对象集合中的索引位置,value是原先的属性值。

二、位置

1、offset([coordinates])

获取匹配元素在当前视口的相对偏移,返回的对象包含两个整型属性:top和left

html:
     <span>hello</span><span>world</span>
js:
     var offset =$("p:last").offset();
     p.html("left: " + offset.left + ", top " + offset.top);//获取第二段偏移
     $("span:last").offset({top:100,left:100});//设置第二段偏移

2、position()

获取匹配元素相对父元素的偏移,仅对可见元素有效

html:
    <span>Hello</span><span>world</span>
js:
    var position = $("p:first").positon();
    $("p:last").html("left: " + pisition.left + ", top: " + position.top);

3、scrollTop([val])

获取匹配元素相对滚动条顶部的偏移,对可见和隐藏元素都有效

4、scrollLeft([val])

获取匹配元素相对滚动条左侧的偏移,对可见和隐藏元素都有效

三、尺寸

1、height([val|fn])

获取匹配元素当前计算的高度值(px)
val:设定CSS中‘height’的值
function(index,height):返回用于设置高度的一个函数。

2、width([val|fn])

获取第一个匹配元素当前计算的宽度值(px)
val:设定CSS中‘width’的值
function(index,width):返回用于设置高度的一个函数。

3、innerHeight()

获取第一个匹配元素内部区域高度(包括padding、不包括边框),对可见和隐藏元素都有效

4、innerWidth()

获取第一个匹配元素内部区域宽度(包括padding、不包括边框),对可见和隐藏元素都有效

5、outerHeight([options])

获取第一个匹配元素外部高度(默认包括padding和边框),对可见和隐藏元素均有效
若options设置为true,则会把margin也算上

6、outerWidth([options])

获取第一个匹配元素外部高度(默认包括padding和边框),对可见和隐藏元素均有效
若options设置为true,则会把margin也算上

本文来源于:jquery之CSS-幸运草博客
特别声明:以上文章内容仅代表作者本人观点,不代表幸运草博客观点或立场。如有关于作品内容、版权或其它问题请于作品发表后的30日内与幸运草联系。

  • 本站QQ群
  • weinxin
  • 捐赠本站
  • weinxin
  • 文本由 发表于 三月 10, 202014:12:30
  • 本文来源于:jQuery之CSS-幸运草博客
jquery中cookie用法介绍 jQuery

jquery中cookie用法介绍

cookie在jquery中有指定的cookie操作类,下面我先来介绍我们在使用cookie操作类时的一些问题,然后介绍正确的使用方法。 使用JQuery操作cookie时 发生取的值不正确的问题: ...
jQuery事件:bind、delegate、on的区别 jQuery

jQuery事件:bind、delegate、on的区别

「内容简介」本文详解各种jQuery事件绑定方法:on,bind,delegate,live,unbind,trigger。 同时总结一下常用的jQuery事件技术:如何阻止事件冒泡、阻止浏览器默认行...
jQuery入门讲解-jQuery样式操作 jQuery

jQuery入门讲解-jQuery样式操作

css 操作 通过css()的方法设置或者获取样式,无论样式属性是从外部导入的,还是直接写在HTML标签里面的,css()方法都可以获取到。。 1、设置单个样式: 2、设置多个样式: 操作多个样式的时...
Jquery Notes jQuery

Jquery Notes

1.什么是jQuery 2.如何使用jQuery 3.查找元素 1.什么是jQuery jQuery是第三方开发的执行DOM操作的极简化的函数库 第三方:下载 执行DOM操作:jQuery还是执行DO...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: