jquery中的css

1.css

1.1 css(name)

$(function(){
alert( $("p").css("color"));

})  //rgb(255,0,0)

1.2 css(json) 其中的json数组的值时function(index,value){ return parseFloat(value)*1.2},其中的json的对象成员是属性

$("div").click(function() {

    $(this).css({
      width: function(index, value) {
        return parseFloat(value) * 1.2;
      },
      height: function(index, value) {
        return parseFloat(value) * 1.2;
      }

    });
  });

1.3  css(name,value)

其中name value 为对象属性和值

(“p”).css("color","red");

1.4  css(json) 将设置的对象的各个值写成json来设置对象的属性

$("p").css({ "margin-left": "10px", "background-color": "blue" });

 

2位置

   2.1 offset()

   获取匹配元素在当前视口的相对偏移。

var offset=(“div”).offset();

var offsetLeft=offset.left;

var offsetTop=offset.top;

2.2  offset(坐标)

设置匹配元素相对于document对象的坐标。

     (“div”).offset({left:20px,top:20px});

  2.3  position()  用法同offset()       (补充:var p = $("p:first"); 选取p标签的第一个节点 

      获取匹配元素相对父元素的偏移。

2.4 scrollleft()和scrollLeft(val)   

   获取匹配元素相对滚动条左侧的偏移。

3.尺寸

  3.1  width()和width(val)

       height()  和 height(val)

    3.2 innerWidth()和innerHeight()  获取不包括边框的对象长和宽

   3.3 outerHeight(boolean)  outerWidth(boolean) 若为true,计算边框  反之 不计算         

时间: 2024-10-11 13:50:19

jquery中的css的相关文章

jQuery中的css属性对应名称

css中一些样式属性可以直接引用到jquery中,但是有些属性在jquery中与在css中有些区别,下面就是一些常用属性在css与jquery中的名称. jQuery中的css属性对应名称 css jQuery bottom bottom left left right right top top width width min-width minWidth max-width maxWidth height height min-height minHeight max-height maxH

JQuery中操作css样式

//1.获取和设置样式  $("#tow").attr("class")获取ID为tow的class属性  $("#two").attr("class","divClass")设置Id为two的class属性.  //2.追加样式  $("#two").addClass("divClass2")为ID为two的对象追加样式divClass2  //3.移除样式  $(

jquery中使用css,offset和position设置top和left属性

有一个dom元素,它的position属性值为absolute,要通过jquery设置它的位置. 我们可以通过三种方法设置该元素的top和left值,设置这两个属性的值时,元素的position属性必须为absolute或relative. 第一种:使用jQuery对象的css方法,使用该方法可以直接把对象的位置设定到指定的地方,指定哪个位置就是哪个位置. 第二种:使用jQuery对象的offset方法,使用该方法时要注意,offset方法的作用是获取或设置匹配元素在当前视口的相对偏移.这句话粗

jQuery中的CSS(二)

一:获取样式和设置样式 4.移除样式: 5.切换样式 6.判断是否包含某个样式 二:设置或获取HTML.文本和值 html() 取得第一个匹配元素的html内容.这个函数不能用于XML文档.但可以用于XHTML文档. 返回值 String 示例 HTML 代码: <div><p>Hello</p></div> jQuery 代码: $("div").html(); 结果: <p>Hello</p> html(val

jQuery中的CSS(五)

1. css(name|pro|[,val|fn]), 访问匹配元素的样式属性 jQuery 1.8中,当你使用CSS属性在css()或animate()中,我们将根据浏览器自动加上前缀(在适当的时候),比如("user-select", "none"); 在Chrome/Safari浏览器中我们将设置为"-webkit-user-select", Firefox会使用"-moz-user-select", IE10将使用&q

jQuery中使用css()添加!important

我们在使用jQuery给控件添加样式的时候,有时会需要给样式加上!important才能使效果起作用.示例如下: 1 $("#tester").css("cssText", "height: 300px !important;"); 给css()函数第一个变量用"cssText",第二个变量写需要改变的样式和内容即可.

JQuery:JQuery 中的CSS()方法

JQuery:CSS()方法jQuery css()方法:css()方法设置或返回被选元素的一个或多个样式属性.1.返回 CSS 属性如需返回指定的 CSS 属性的值,请使用如下语法:css("propertyname");下面的例子将返回首个匹配元素的 background-color 值:实例:$("p").css("background-color");代码如下: <!DOCTYPE html> <html lang=&q

学习JQuery中文文档之get()函数

前端大神群的群主告诉我们:学习一个框架最好的方法是去把官方文档研究一遍. 现在正式开始我的前端之路,从JQuery的中文文档开始. 基础不牢固,看起来有点慢,但是我会一直坚持下去的.把遇到的问题都记录在此,以便随时查阅. 不展示基础概述,只记录所遇问题. Just Do It! Never Give Up! get()函数 看完这个函数的定义,我就兴冲冲的去试验了一下,写了以下代码: 1 <!DOCTYPE html> 2 <html lang="en"> 3

jQuery系列 第三章 jQuery框架操作CSS

第三章 jQuery框架操作CSS 3.1 jQuery框架的CSS方法 jQuery框架提供了css方法,我们通过调用该方法传递对应的参数,可以方便的来批量设置标签的CSS样式. 使用JavaScript设置标签的样式相对来说比较麻烦,而如果需要批量的设置多个标签的样式那需要写很多代码,使用jQuery可以为我们简化该过程.     使用原生的方式来设置标签的样式(代码示例) 1 <body> 2 <div>我是div标签</div> 3 <button id=