首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 其他教程 > 其他相关 >

Java软件工程师从笨鸟到初学者之(八十八)跟小弟我学jquery(四)JQuery框架操作元素的属性与样式

2012-07-31 
Java程序员从笨鸟到菜鸟之(八十八)跟我学jquery(四)JQuery框架操作元素的属性与样式在前面几篇博客中,我们

Java程序员从笨鸟到菜鸟之(八十八)跟我学jquery(四)JQuery框架操作元素的属性与样式

        

         在前面几篇博客中,我们初步了解了一下jquery的好处,基本语法,还有一些基本函数,这是学习jquery的基础,在这篇博客中,我们一起来学习一下JQuery框架操作元素的属性与样式,在web开发中,修改页面元素的属性和样式是我们需要常用的功能。所以掌握好这个知识点,对于我们在web开发中也是一个非常有力的利剑。好,下面我们就具体来看一下:

首先来看一下两个概念的区别:

元素属性和Dom属性

 对于下面这样一个标签元素:

<img  id='img'src="1.jpg"  alt='1'  class="imgs"></img> 

我们通常将id,src,alt,class称为属性,也即元素属性.但是,当浏览器对标签元素进行解析时,会将元素解析为Dom对象,相应的,元素属性也就解析为Dom属性.元素属性和Dom属性只是在我们对其进行不同解析时的不同称呼.


注意:

1.元素被解析成Dom时,元素属性和Dom属性并不一定是原来的名称.

例如,img的class属性,在表现为元素属性时是class;在表现为Dom属性时,属性名为className

2.在JavaScript中,我们可以直接获取或设置Dom属性

JQuery操作DOM属性

      因为 JQuery都是针对包装集进行操作,所以在JQuery中没有包装操作“DOM属性”的函数。但是JQuery提供了each()函数用于遍历 JQuery包装集,其中的this指针指向当前的DOM对象,我们可以应用这一点配合原生javascript来操作元素的DOM属性: