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

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

时间: 2024-10-30 19:24:58

jQuery学习笔记 操作jQuery对象 CSS处理_jquery的相关文章

jQuery学习笔记 操作jQuery对象 文档处理_jquery

下面就是一些常用方法,格式为$(selector).方法,其中$(selector)即当前选定元素:   移动元素 方法 描述 append($(selector)) 向当前元素的内部追加内容 appendTo($(selector)) 将当前元素在某元素内部追加.但由于会根据需要对当前元素进行移动,所以jQuery对象更改了,可用end()还原 prepend($(selector)) 向当前元素的内部前置内容 prependTo($(selector)) 将当前元素在某元素内部前置.类似于a

jQuery学习笔记 操作jQuery对象 属性处理_jquery

元素的属性处理 方法 描述 attr(name) attr(name,value) attr(name,fn(index,value)) attr({name1:value1,-,nameN:valueN}) 获取某个属性的取值,或可以用于设置某个属性的值.还可以使用函数作为参数,将函数返回值作为需要为元素属性设置的值,比如将第(index+1)个元素的name属性设置为函数返回值(实际上,明白函数式就根本不需要这说明).也可以一次性给同一元素多个属性 removeAttr(name) 删除某个

jQuery学习笔记之jQuery的Ajax(3)

jQuery学习笔记之jQuery的Ajax(3) 6.jQuery的Ajax插件 源码地址: https://github.com/iyun/jQueryDemo.git ---------------------------- 6.0 jQuery ajax 浏览器给我们提供的XMLHttpRequest的作用是来发送http请求. js代码发送一个http的请求 XMLHttpRequest的四步:创建对象.注册监听.建立连接.发送数据 异步交互的6个方法(发送http请求) ajax()

jQuery学习笔记[1] jQuery中的DOM操作_jquery

DOM分为3个方面,即DOM Core,HTML-DOM,CSS-DOM. 1,DOM Core并不专属于JavaScript,任何一种支持DOM的程序设计语言都可以使用它. JavaScript中的getElementById(),getElementsByTagName()...等方法. 例如:使用DOM Core来获取表单对象的方法: document.getElementsByTagName("form"); 2,HTML-DOM. 在使用JavaScript和DOM为HTML

jQuery学习笔记 更改jQuery对象_jquery

jQuery代码的任务就是生成jQuery对象A,操作jQuery对象A:生成jQuery对象B,操作jQuery对象B--但是若此过程中,对象A.B--之间有某种关系,那么完全没必要一个个去$(selector),这很繁琐的.因此jQuery提供了一些方法,使流程变为生成jQuery对象A,操作jQuery对象A:更改为jQuery对象B,操作jQuery对象B-- 一个jQuery对象,既要进行N次操作,又要进行M次更改.因此有必要将生成的jQuery对象存储在一个变量中,多次调用.然而,试

jQuery学习笔记之DOM对象和jQuery对象_jquery

什么是DOM对象? HTML是以树形结构来组织文档的,具体如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <

jQuery学习笔记之基础中的基础_jquery

1.jQuery的简介 就像上节所将到的Ajax框架一样,简单的说,jQuery是一个优秀的javascript框架,它能够让用户方便的处理html,events(冒泡)事件,动画效果,ajax交互等,它极大程度的改变了开发者使用javascript的习惯.jQuery自2006年最初创建,已经吸引了众多的javascript高手加入其团队,随着事件推移,jQuery新版本一个一个发布,它越来越受到关注. 如今,jQuery发展到集各种javascript/css/dom和ajax功能于一体的强

jQuery学习笔记之jQuery构建函数的7种方法_jquery

一:$(selectorStr[,限制范围]),接受一个选择器(符合jQuery规范的字符串),返回一个jQuery对象; 复制代码 代码如下:  //$(selector[,限制范围])         $(".guo").click(function () {//这里没有context参数             $("a.aguo", this).css({"color":"red"});//this就是context参

jQuery学习笔记之jQuery中的$_jquery

在jQuery中,最常用的莫过于使用美元符号$,它提供了各种各样的丰富功能.包括选择页面中一个或者一类元素.作为功能函数的前缀.windows.onload的完善,创建DOM节点等.本文介绍jQuery的用法.作为基础 1.选择器 在css中,选择器的作用是选择页面的某一类(类别选择器)元素或者某个(id选择器).而jQuery中的"$"作为选择器,同样是选择某类或者某个元素,只不过jQuery提供了更全面的选择方式.而且为用户处理了浏览器兼容问题. 例如在在css<h2>