jQuery操作DOM.doc

一、访问元素 在访问页面时，需要与页面中的元素进行交互式的操作。在操作中，元素的访问是最频繁、最常用的，主要包括对元素属性、内容、值、CSS的操作。 1、? 元素属性操作 在jQuery中，可以对元素的属性执行获取、设置、删除的操作，通过attr()方法可以对元素属性执行获取和设置操作，而removeAttr()方法则可以轻松删除某一指定的属性。 1.1、 获取元素的属性 获取元素属性的语法格式如下： attr(name) 其中，参数name表示属性的名称。 示例 ?通过attr(name)方法获取元素的属性 #======================================================================== # FileName: demo6.html # Author: lowkey # Email: 361789273@ # HomePage: /Iamduoluo # LastChange: 2012-04-09 14:12:43 #======================================================================== !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html head meta http-equiv=content-type content=text/html; charset=utf-8 title获取元素的属性/title script src=../jquery.js type=text/javascript charset=utf-8/script style type=text/css media=screen body{ font-size:12px;} div{ float:left; padding-left:10px;} img{ border:solid 1px #ccc; padding:3px; float:left;} /style script type=text/javascript charset=utf-8 $(function() { var strAlt = $(img).attr(src); strAlt += br/br/ + $(img).attr(title); $(#divAlt).html(strAlt); }) /script /head body img src=logo.jpg alt=这是我的头像 title=这是我的头像 div id=divAlt class= /div /body /html 1.2、设置元素的属性 在页面中，attr()方法不仅可以获取元素的属性值，还可以设置元素的属性，其设置属性语法格式如下所示： attr(key, value) 其中，参数key表示属性的名称，value表示属性的值。如果要设置多个属性，也可以通过attr()方法实现，其语法格式如下所示： attr({key0:value0, key1:value1}) 另外，attr()方法还可以绑定一个function()函数，通过该函数返回的值作为元素的属性值，其语法格式如下所示： attr(key, function(index)) 其中，参数index为当前元素的索引号，整个函数返回一个字符串作为元素的属性值。 1.3、删除元素的属性 jQuery中通过attr()方法设置元素的属性后，使用removeAttr()方法可以将元素的属性删除，其使用的语法格式为： removeAttr(name) 其中，参数name为元素属性的名称。 例如，可以通过如下的代码删除标记img中的src属性： $(img).removeAttr(src); 2、? 元素内容操作 在jQuery中，操作元素内容的方法包括html()和text()。前者与JavaScript中的innerHTML属性类似，即获取或设置元素的HTML内容；后者类似