欢迎您访问我爱IT技术网,今天小编为你分享的javascript教程:【jQuery学习笔记 操作jQuery对象 CSS处理】,下面是详细的讲解!
jQuery学习笔记 操作jQuery对象 CSS处理
CSS基本属性处理
|
方法 |
描述 |
|
css(name) |
获取元素上CSS规则中name属性值 |
|
css(name,value) css(name,fn(index,value)) css({name1:value1,…,nameN:valueN}) |
设置元素上CSS规则name属性的值为value,也可使用函数参数,不解释;还可以一次性为同一元素设置多个CSS属性 |
CSS尺寸属性处理
|
方法 |
描述 |
|
height() |
获取元素CSS属性height的值 |
|
width() |
获取元素CSS属性width的值。这两个方法获取的是元素在页面中的实际高度宽度值,多用于数学运算,比较方便 |
|
innerHeight() |
获取元素内部区域(包括内边距padding)的实际高度值 |
|
innerWidth() |
获取元素内部区域的实际宽度值 |
|
outerHeight() |
获取元素外部区域(包括内边距padding、边框border)的实际高度值 |
|
outerWidth() |
获取元素外部区域的实际宽度值。若需计入外边距margin,可以传入一个true参数,即outerHeight(true)或outerWidth(true) |
CSS位置属性处理
|
方法 |
描述 |
|
offset() offset(coord) offset(fn(index,coord)) |
获取元素在当前视窗的相对偏移,返回一个包含top和left属性的对象。比如$(“p”).offset().top。该方法只对可见元素有效。也可设置偏移值,注意coord也是个对象,比如$(“p”).offset({“top”:40,”left”:15}) |
|
position() |
获取元素相对最近定位祖先元素的偏移值,同样返回一个包含top和left属性的对象。 |
|
scrollTop() scrollTop(value) |
获取垂直滚动条相对于该元素最顶端的偏移值 |
|
scrollLeft() scrollLeft(value) |
获取水平滚动条相对于该元素最左端的偏移值。两方法都可设置值,默认单位px,若value为负值则滚动条移动到最顶端或最左端;若value超出最大值则移动到最底端或最右端 |
关于jQuery学习笔记 操作jQuery对象 CSS处理的用户互动如下:
相关问题:jQuery append 之后怎么对append内的对象进行操作?
答: $(function() { $("p").click(function(){$(this).after("id为123的p标签");}); //$("p").after("id为123的p标签"); $("#123").live("click", function(){$(this).hide()}); }) 这段jquery写的应该能解决你的问题吧 >>详细
相关问题:jquery操作css的问题
答:$(function(){$('#neo').hover(function(){$('#nn').css("background-position","45px 45px");},function(){$('#nn').css("background-position","145px 145px");});});.nn{width:400px;height:400px;border:1px solid red;background:url(http:... >>详细
相关问题:关于jquery操作兄弟节点CSS的简单问题
答://问题一:$('#demo a').click(function(){ $('#demo a').removeClass('addabc'); $(this).addClass('addabc');})//问题二:var className = $('.addabc').attr('class'); >>详细
- 【firefox】firefox浏览器不支持innerText的解决
- 【Extjs】Extjs学习过程中新手容易碰到的低级错误
- 【clearInterval】js clearInterval()方法的定义
- 【ComboBox】ComboBox 和 DateField 在IE下消失的
- 【ajax】用js来解决ajax读取页面乱码-页面乱码
- 【addEventListener】addEventListener和attachEv
- 【dom】javascript dom追加内容实现示例-追加内容
- 【has】基于jquery的has()方法以及与find()方法以
- 【browser】jQuery下通过$.browser来判断浏览器.-
- 【extjs】Extjs入门之动态加载树代码-动态加载树
- 评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
-
