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

jquery小结(三)

2012-10-10 
jquery总结(三)script typetext/javascript src./js/jquery-1.4.4.js/scriptscript$(function

jquery总结(三)

<script type="text/javascript" src="./js/jquery-1.4.4.js"></script><script>$(function(){ //获取class类别选择器JQuery对像集合中的第一个对象 var $tr1 = $(".rdc:first"); //属性:.html();取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。 alert($tr1.html()); //获取class选择器对象集合中的最后一个对象 var $ltr = $(".rdc:last"); //属性:.text();结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。 alert($ltr.text()); /** even匹配的是索引是:0 2 4 但行数是1,3 5...... :even 选择奇数行并且为其添加背景颜色为红色*/ $("tr:even").css("background-color","red"); /** :odd 选择偶数行并且为其添加背景颜色为蓝色*/ $("tr:odd").css("background-color","blue"); /**$("tr")取得所有的行的JQuery对象的集合 .eq(index)匹配一个给定索引值的元素的Jquery对象 .css("","")为Jquery对象添加一个样式属性和属性值 对象链式操作*/ $("tr:eq(2)").css("background-color","yellow"); //等效于 $("tr").eq(2).css("background-color","yellow"); /**集合 List --->get(index)--->具体的对象--->具体对象的方法*/ /**取得所有行的Jquery对象集合索引值小于1的所有的tr对象样式设置为green*/ $("tr:lt(1)").css("background-color","green"); /**取得索引大于1 并且把背景颜色设置为black*/ $("tr:gt(1)").css("background-color","black"); //匹配不是最后一行的样式背景颜色统一设置为红色 $("tr:not(:last)").css("background-color","red"); //匹配标题 alert($(":header").html()); });</script>

?

热点排行