attr和prop,prop常用来操作标签的固有属性,比方说checkbox的checked属性、select的selected属性,而attr常用来操作我们自己给标签添加的属性。

$('div').attr('attrname') :获取div标签的属性值

$('div').attr('attrname','attrvalue'):设置div标签的属性值

$('div').prop('attrname'):获取div标签的属性

$('div').prop('attrname','attrvalue'):设置div标签的属性值

$('div').addClass('classname'):给div标签增加一个class

$('div').removeClass('classname'):移除div标签的class

$('div').html():获取div标签的html值,包含div的文本内容和下属标签

$('div').text():获取div标签的html值,只包含文本内容不包含下属标签

$('div').html('htmlvalue'):设置div标签的html值

$('div').text('textvalue'):设置div标签的文本内容

$(':text').val():获取text标签的value值

$(':text').val('textvalue'):设置text标签的value值

val()只能操作固有value属性的标签,不能操作自定义value属性标签。

$('div').css('cssname','cssvalue'):设置div标签css样式

$('div').css({'cssname1':'cssvalue1','cssname2':cssvalue2''...}):给div标签设置多个样式

$('div').offset():相对于视口的偏移量,结果是一个集合

$('div').offset().top和$('div').offset().left:相对于视口的上方、左方的偏移量

位置

$('div').position():相对于已定位的父元素的位置,结果是一个集合

$('div').position().top和$('div').position().left:相对于已定位的父元素的上方、左方的位置

尺寸

$('div').height()、$('div').width():获取指定标签的高度、宽度,只是内容的宽度

$('div').innerHeight()、$('div').innerWidth():获取指定标签的高度、宽度,包括内容和padding

$('div').outerHeight()、$('div').outerWidth():获取指定标签的高度、宽度,包括内容、padding和border

$('div').outerHeight(true)、$('div').outerWidth(true):获取指定标签的高度、宽度,包括内容、padding、border和margin

对于各种height()和width(),如果在括号内加上参数例如$('div').height('20px'),表示设定指定的值

滚动条

$(window).scrollTop()、$(window).scrollLeft():滚动条距离上方、左边的距离

如果在括号内加上参数,表示设定指定的值

jQuery基本的属性操作的更多相关文章

  1. jQuery attr removeAttr 属性操作

    jQuery attr removeAttr 属性操作 <%@ page language="java" import="java.util.*" pag ...

  2. jquery 学习(二) - 属性操作

    html代码 <div class="n1" zdy="z1">AAA <p>1111111</p> <input t ...

  3. jQuery对象的属性操作

    jquery的属性操作模块分为四个部分:html属性操作,dom属性操作,类样式操作和值操作 html属性操作:是对html文档中的属性进行读取,设置和移除操作.比如attr().removeAttr ...

  4. jquery对标签属性操作

    jquery中添加属性和删除属性: $("#2args").attr("disabled",'disabled'); $("#2args") ...

  5. jQuery原生框架-----------------属性操作

    // 添加一个处理兼容获取样式的静态方法jQuery.getStyle = function( dom, styleName ) { // dom不是dom,styleName不是字符串,直接打走 i ...

  6. jquery中attr属性操作

  7. jquery中val属性操作

  8. jQuery属性操作

    jQuery 的属性操作的核心部分其实就是对底层 getAttribute().setAttributes()等方法的一系列兼容性处理 ...if ( notxml ) { name = name.t ...

  9. jQuery源代码学习之八——jQuery属性操作模块

    一.jQuery属性模块整体介绍 jQuery的属性操作模块分四个部分:html属性操作,dom属性操作,类样式操作,和值操作. html属性操作(setAttribute/getAttribute) ...

随机推荐

  1. JQuery强化教程 —— jQuery Easing

    从jQuery API 文档中可以知道,jQuery自定义动画的函数.animate( properties [, duration] [, easing] [, complete] )有四个参数: ...

  2. LA 4064 Magnetic Train Tracks

    题意:给定平面上$n(3\leq n \leq 1200)$个无三点共线的点,问这些点组成了多少个锐角三角形. 分析:显然任意三点可构成三角形,而锐角三角形不如直角或钝角三角形容易计数,因为后者有且仅 ...

  3. iOS开发——OC篇&amp;OC高级语法

    iOS开发高级语法之分类,拓展,协议,代码块详解 一:分类 什么是分类Category? 分类就是类的补充和扩展部分 补充和扩展的每个部分就是分类 分类本质上是类的一部分 分类的定义 分类也是以代码的 ...

  4. html基础及心得

    html开始 <adress></adress>斜体(地址) <em><em>斜体(表示强调) <code></code>插入一 ...

  5. linux DNS 问题

    今天准备爬虫51job时候,发现ping不通外网了,ping 了一下IP,都是OK的,只是host不通. 呵呵,就一DNS问题,好的.第一步,开始检查配置文件 cat /etc/sysconfig/n ...

  6. 团队作业——Alpha冲刺之事后诸葛亮

    小组成员: 武健男:201421123091 林俊鹏:201421123076 何跃斌:201421123082 陈鑫龙:201421123078 潘益靖:201421123086 黄睿:201421 ...

  7. 使用Python matplotlib做动态曲线

    今天看到“Python实时监控CPU使用率”的教程: https://www.w3cschool.cn/python3/python3-ja3d2z2g.html 自己也学习如何使用Python ma ...

  8. Java基础——Oracle(一)

    Oracle是目前最流行的数据库之一.功能强大,性能卓越.所以学起来比较困难.学习Oracle需要具备一定的基础.比如学习过一门编程语言,或者学过其他的数据库等,没有一些基础很难下手. 一.Oracl ...

  9. seo标题关键字描述字数限制Title,keywords,description长度最长多长 ?

    seo标题关键字描述字数限制 seo优化各个搜索引擎收录Title,keywords,description长度最长多长 ?SEO网站优化中Title标签的作用为重中之重,好的Title也就成功了一半 ...

  10. msp430学习笔记-时钟及延时函数

    引用:http://blog.chinaunix.net/uid-24343357-id-3271380.html MCLK默认时钟源是DCOCLK,SMCLK默认时钟源也是DCOCLK,DCOCLK ...