jquery第5章.基础dom和css操作上

5DOMCSSDOMCSS主讲教师：合作DOMJavaScript课程中我们详细的探讨过，它是一种文档对象模型。方便开发者对HTMLJavaScript中，DOM不但内容庞大繁杂，而且我们开发的过程中需要考虑的兼容性、扩展性。在jQuery中，已经将最常用的DOM操封装，在jQuery中并不需要深刻理解它。二．设置元素及内容获取元素中HTML设置元素中HTML可以获取或设置html内容，text()可以获取或设置文本内容。()+'< ","]); 三．元素属性操作除了对元素内容进行设置和获取，通过jQuery也可以对元素本身的属性进行操作，包attr(key,function(index,value) $('div').attr('title',function() return'我是$('div').attr('title',function(index,value){ returnvalue+(index+1)+'，我是';val()和上一章刚学过的is()、filter()方法。而如果又涉及到多个元素集合的话，还可以传递index参数来获取索引值，并且可以使用第二个参数value(并不是所有方法都适合，有$('div').html(function(index){ return'我是'+(index+1)+'div';$('div').html(function(index,value){ return'我是'+(index+1)+'div：'+value;注意：我们也可以使用attr()id属性，但我们强烈不建议这么做。这样会导致整个页面结构的。当然也可以创建class属性，但后面会有一个语义更好的方法来代替attr()方删除指定的属性，这个方法就不可以使用函数，传递index和value均无效 四．元素样式操作元素样式操作包括了直接设置CSSCSS类别、类别切换、删除类别这几种操作方法。而在整个jQuery使用频率上来看，CSS样式的操作也是极高的，所以需要重点获取某个元素行内的CSScss([name1,name2,设置某个元素行内的CSScss(name,function(index,value)设置某个元素行内的CSScss({name1:value1,name2:给某个元素添加一个CSS给某个元素添加多个CSS删除某个元素的一个CSS删除某个元素的多个CSStoggleClass(function(){},toggleClass(function(i,c,s){}, ',' CSS获取上，我们也可以获取多个CSS样式，而获取到的是一个对象数组，如果用传统方式进行解析需要使用forin遍历。varbox$('div').css(['colorheight for(variinbox){ alert(i+':'+box[i]);}$.each(box,functionattrvalue alert(attr+':'+$('div').each(function(index,element){ alert(index+':'+element);'background-color':'#ccc','color':'red','font-size':{return(parseInt(value)-500)+CSS设置，我们也可以直接给元素添加CSS类，可以添加单个或多个，并且 表示执行回默认class类(默认的是空class)varcount= $(this).toggleClass('red',count++%3== ( }else }$(this).toggleClass(function() return$(this).hasClass('red')?'blue':'red注意：上面虽然一句话实现了这个功能，但还是有一些小缺陷，因为原来的class类没{if{return'green';}elsereturn'red';

varcount=return$(this).hasClass('red')?'blue':'red},count3 频率布尔值，可以得到当前的索引、class类名和频率布尔值。varcount=alert(index+':'+className+':'+switchBool); return$(this).hasClass('red')?'blue':'redsize';},count++%3==功能的CSS操作方法，我们分别来了解一下。width(function(index,width) ( returnvalue height(function(index,wi