jquery获取、改变元素属性值
//标签的属性称作元素属性,在JS里对应的DOM对象的对应属性叫DOM属性。JS里的DOM属性名有时和原元素属性名不同。
//==================================操作元素属性==================================
//返回元素指定属性值
var txt1_val=$("#txt1").attr("value");
//通过元素的DOM属性名更改DOM属性值
$("#txt1").attr({ value : "txt1_value" , className : "txt1_class" });
//通过指定元素属性改变元素属性值
$("#txt1").attr("class","txt1_class2");
//给指定元素属性赋值,通过后面捆绑的方法返回值
$("#txt1").attr("class",function(){
return "txt1_class3";
})
//移除指定的元素属性
$("#txt1").removeAttr("class");
//==================================修改CSS类==================================
//给CSS类即class元素属性添加一个属性值,可以添加多个之间用空格分开以下的对CSS类操作函数同样可以填入多个CSS类
$("#txt1").addClass("txt1_class txt1_class2");
//判断是否已有该CSS类,返回真假
$("#txt1").hasClass("txt1_class txt1_class2");
//移除指定CSS类,用空格分开,如无指定则删除该元素所有CSS类
$("#txt1").removeClass("txt1_class");
//判断是否有这个CSS类,有就删除,没有就添加
$("#txt1").toggleClass("txt1_class");
//根据后面的返回真则添加此CSS类,假则删除此CSS类
$("#txt1").toggleClass("txt1_class",false);
//==================================修改CSS属性==================================
//返回指定CSS样式值
$("#txt1").css("color");
//一次赋多个样式
$("#txt1").css({color:"#ff0011",background:"blue"});
//一次赋一个指定的样式
$("#txt1").css("color","black");
//==================================宽和高相关==================================
//设置元素的高度,无值则返回该元素的高度单位像素
$("#txt1").height();
//设置元素的宽度,无值则返回该元素的宽度
$("#txt1").width();
//获取元素的内部高度,不包括边框
$("#txt1").innerHeight();
//获取元素内部宽度,不包括变宽
$("#txt1").innerWidth();
//获取元素外部高度,包括边框
$("#txt1").outerHeight();
//获取元素外部宽度,包括边框
$("#txt1").outerWidth();
//==================================位置相关==================================
//获取元素相对窗口的偏移位置,返回两个值,一个top值,一个left值
var txt1_offset=$("#txt1").offset();
var top=txt1_offset.top;
var left=txt1_offset.left;
//返回相对父元素的相对偏移位置,返回两个值一个top,一个left
var txt1_position=$("#txt1").position();
var top=txt1_position.top;
var left=txt1_position.left;
//针对的元素具有垂直滚动条,设置从总体内容向下的第20行像素开始,显示在滚动条可视窗口内上方顶端
//如无参数,则返回当前滚动条可视窗口上方顶点位置,距离整体内容上方顶点的距离
$("#div_outer").scrollTop();
//针对的元素具有横向滚动条,设置从总体内容左侧的第20列像素开始,显示在滚动条可视窗口内左端顶点
//如无参数,则返回当前滚动条可视窗口左端顶点位置,距离整体内容左端顶点的距离
$("#div_outer").scrollLeft();

jquery获取、改变元素属性值的更多相关文章
- (四)Jsoup 获取 DOM 元素属性值
第一节: Jsoup 获取 DOM 元素属性值 Jsoup获取DOM元素属性值 比如我们要获取博客的href属性值: 我们这时候就要用到Jsoup来获取属性的值 : 我们给下示例代码: package ...
- Jsoup(四)-- Jsoup获取DOM元素属性值
1.获取博客园的博客标题以及博客地址,获取友情链接 2.代码实现: public static void main(String[] args) throws Exception{ // 创建http ...
- selenium用jquery改变元素属性
一.jQuery 语法 jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作. 1.基础语法: $(selector).action() 选择符(selector)即," ...
- js/jquery获取文本框的值与改变文本框的值
我们就用它来学习获取文本框的值及改变文本框的值. 代码如下 复制代码 <script>function get1(){ document.getElementById("txtb ...
- jquery attr()方法 添加,修改,获取对象的属性值。
jquery attr()方法 添加,修改,获取对象的属性值. jquery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到 ...
- Swift - 类的计算属性(使用get和set来间接获取/改变其他属性的值)
1,Swift中类可以使用计算属性,即使用get和set来间接获取/改变其他属性的值,代码如下 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 class Calc ...
- jQuery操纵DOM元素属性 attr()和removeAtrr()方法使用详解
jQuery操纵DOM元素属性 attr()和removeAtrr()方法使用详解 jQuery中操纵元素属性的方法: attr(): 读或者写匹配元素的属性值. removeAttr(): 从匹配的 ...
- JQuery处理DOM元素-属性操作
JQuery处理DOM元素-属性操作 //操作元素的属性: $('*').each(function(n){ this.id = this.tagName + n; }) //获取属性值: $('') ...
- jQuery 表单元素取值与赋值方法总结
一.普通文本框的赋值与取值 1.1.1赋值 <h2>jQuery 表单元素取值与赋值方法总结</h2> <input type="text" clas ...
随机推荐
- 史上最详细的CocoaPods安装教程
虽然网上关于CocoaPods安装教程多不胜数,但是我在安装的过程中还是出现了很多错误,所以大家可以照下来步骤装一下,我相信会很好用. 前言 在iOS项目中使用第三方类库可以说是非常常见的事,但是要正 ...
- 图形化的Git
原文:http://gitbook.liuhui998.com/6_5.html Git有不少图形化界面工具用于读取和维护仓库. 捆绑的GUI Git自带了两个使用Tcl/Tk写成的GUI程序. Gi ...
- Django用户管理及认证
同步组http://www.douban.com/group/topic/29387804/ ldapsearch -x -w password -D "cn=me,cn=Users,dc= ...
- windows hosts
2015年6月29日 11:10:56 星期一 windows 的 hosts 文件生效机制 以最前边的为准, 重复的硬解析只有第一次出现的地方生效
- metro中stream转IRandomAccessStream
下面的例子是从zip压缩文件解压出jpg文件流,再显示出来. StorageFile zip = await KnownFolders.PicturesLibrary.GetFileAsync(&qu ...
- 3.saltstack的grains和pillar学习笔记
作者:刘耀 QQ:22102107 SaltStack_Grains Grains grains是minion第一次启动的时候采集的静态数据,可以用在salt的模块和其他组件中.其实grains在每次 ...
- Effective C++ -----条款18:让接口容易被正确使用,不易被误用
好的接口很容易被正确使用,不容易被误用.你应该在你IDE所有接口中努力达成这些性质. “促进正确使用”的办法包括接口的一致性,以及与内置类型的行为兼容. “阻止误用"的办法包括建立新类型.限 ...
- Greedy:Physics Experiment(弹性碰撞模型)(POJ 3848)
物理实验 题目大意:有一个与地面垂直的管子,管口与地面相距H,管子里面有很多弹性球,从t=0时,第一个球从管口求开始下落,然后每1s就会又有球从球当前位置开始下落,球碰到地面原速返回,球与球之间相碰会 ...
- 【opencv】图片标注文字
IplImage* pstImg; HI_CHAR as8Title[25];CvFont stTimeFont;//字体信息cvInitFont(&stTimeFont,CV_FONT_HE ...
- 51nod 1449 砝码称重(贪心算法)
题目:传送门. 题意:中文题. 题解:左物右码,w进制.m%w==0||m%w==1||m%w==w-1都是可以的,否则是NO. #include <iostream> #include ...