• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >jquery > jQuery学习笔记 操作jQuery对象 CSS处理

jQuery学习笔记 操作jQuery对象 CSS处理

作者: 字体:[增加 减小] 来源:互联网 时间:2017-08-16

通过本文主要向大家介绍了CSS处理等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

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超出最大值则移动到最底端或最右端

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 2017-08-16jquery中的mouseleave和mouseout的区别 模仿下拉框效果
  • 2017-08-16jQuery Validate格式验证功能实例代码(包括重名验证)
  • 2017-08-16jquery 简短几句代码实现给元素动态添加及获取提示信息
  • 2017-08-16浅析jQuery Ajax请求参数和返回数据的处理
  • 2017-08-16分享一个我自己写的ToolTip提示插件(附源码)
  • 2017-08-16jQuery mobile 移动web(4)
  • 2017-08-16jQuery实现点击小图显示大图代码分享
  • 2017-08-16jquery动态调整div大小使其宽度始终为浏览器宽度
  • 2017-08-16jQuery实现仿腾讯视频列表分页效果的方法
  • 2017-08-16jQuery 特性操作详解及实例代码

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • Jquery多选框互相内容交换的实例代码
    • 基于jquery异步传输json数据格式实例代码
    • jquery+CSS3模拟Path2.0动画菜单效果代码
    • jQuery使用getJSON方法获取json数据完整示例
    • jQuery CSS()方法改变现有的CSS样式表
    • jQuery给多个不同元素添加class样式的方法
    • jQuery遍历Table应用示例
    • jquery弹出遮掩层效果【附实例代码】
    • jquery特效 幻灯片效果示例代码
    • jQuery实现简易的天天爱消除小游戏

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有