jQuery 操作CSS

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="jquery-2.2.4.min.js"></script>
		<script>
			$(window).load(function() {
				var myDiv = $(‘div‘)
				//添加CSS样式
				myDiv.css({
					‘width‘: ‘200px‘,
					‘padding‘: ‘20px‘,
					‘height‘: ‘200px‘,
					‘background‘: ‘red‘,
					‘border‘:"4px solid green",
				})
				//查看盒子相关属性,高度,宽度,
				alert("heigt:" + myDiv.height());
				alert("Interheigt:" + myDiv.innerHeight());
				alert("Outterheigt:" + myDiv.outerHeight());

				alert("offsetLeft:" + myDiv.offset().left + "right:"+myDiv.offset().right);

			});
		</script>
	</head>

	<body>
		<div></div>
	</body>

</html>

  

时间: 2024-11-08 01:31:17

jQuery 操作CSS的相关文章

JQuery:JQuery操作CSS类

JQuery:CSS类jQuery - 获取并设置 CSS 类,通过 jQuery,可以很容易地对 CSS 元素进行操作.jQuery 操作 CSSjQuery 拥有若干进行 CSS 操作的方法.我们将学习下面这些: addClass() - 向被选元素添加一个或多个类 removeClass() - 从被选元素删除一个或多个类 toggleClass() - 对被选元素进行添加/删除类的切换操作 css() - 设置或返回样式属性 1.jQuery addClass() 方法实例1:下面的例子

jQuery操作CSS属性的相关方法

1.前言 jQuery提供了以下几种操作DOM元素CSS样式的方法,包括直接访问.修改DOM元素的class属性值,还提供了访问.修改DOM元素内联CSS属性值的方法,除此之外还提供了大量直接访问.修改DOM元素大小和位置的方法. jQuery提供的操作CSS属性的相关方法如下. 1)        addClass(class):将指定的CSS定义添加到jQuery对象包含的所有DOM对象上. 2)        hasClass(class):判断该jQuery对象是否包含至少一个具有指定C

jQuery 操作 CSS

jQuery 拥有若干进行 CSS 操作的方法.我们将学习下面这些: addClass() - 向被选元素添加一个或多个类 removeClass() - 从被选元素删除一个或多个类 toggleClass() - 对被选元素进行添加/删除类的切换操作 css() - 设置或返回样式属性 原文地址:https://www.cnblogs.com/borter/p/9495514.html

jquery操作css

样式操作 <p class=”myclass” title=”选择喜欢的水果”>你最喜欢的水果是?<p> 在上面代码中,class也是p元素的属性,因此获取class和设置class都可以用attr()方法来完成 代码如下: Var p_class=$(“p”).attr(“class”); //获取p元素的class 也可以用attr()方法来设置class $(“p”).attr(“class”,”high”); //将p元素的class设置为high 在大多数情况下,它是将原

jquery操作CSS样式全记录

$(this).click(function(){  if($(this).hasClass(“zxx_fri_on”)){    $(this).removeClass(“zxx_fri_on”);  }else{    $(this).addClass(“zxx_fri_on”);  }  return false;});   添加或去除元素集合的class name 1. 使用addClass()方法 addClass(names) 添加names指定的一个或多个class name给wr

jquery 操作css 选择器

.addClass() 为每个匹配的元素添加指定的样式类名 .addClass(className) className 为每个匹配元素所有增加的一个或多个样式名 .addClass(function(index,currentClass)) 函数返回一个或者多个用空格隔开, index 表示参数匹配中的索引位置 this 指向匹配元素集合中的当前元素. $("p").addClass("myClass yourClass"); 给p 这个元素添加这两个类名样式.

jquery 操作css 尺寸

.height() 获取元素集合中的第一个元素的当前计算高度值,或设置每一个匹配元素的高度值. .height() 获取匹配元素集合中的第一个元素的当前计算高度值. 这个方法不接受参数. $(window).height(); 获取头像的高度. $(document).height() .height(value) 设置每一个匹配元素的高度值. value 一个整数代表的像素数,默认为像素px. .height(function(index,height)) 返回用于设置高度的一个函数.inde

jquery 操作css样式、位置、尺寸方法汇总

http://955.cc/baqrThttp://955.cc/baqrUhttp://955.cc/baqrVhttp://955.cc/baqrWhttp://955.cc/baqrXhttp://955.cc/baqrYhttp://955.cc/baqrZhttp://955.cc/baqsahttp://955.cc/baqsbhttp://955.cc/baqschttp://955.cc/baqsdhttp://955.cc/baqsehttp://955.cc/baqsfhtt

jquery操作html元素之( 获取并设置 CSS 类)

jQuery 操作 CSS jQuery 拥有若干进行 CSS 操作的方法.我们将学习下面这些: addClass() - 向被选元素添加一个或多个类 removeClass() - 从被选元素删除一个或多个类 toggleClass() - 对被选元素进行添加/删除类的切换操作 css() - 设置或返回样式属性 实例样式表 下面的样式表将用于本页的所有例子: .important { font-weight:bold; font-size:xx-large; } .blue { color: