摘要: 对li标签的相关操作——has与find的差异性demo代码: 1 2 3 4 5 6 7 现在我们用has与find来遍历输出含有p标签的值。 $("ul>li").fin... 阅读全文
posted @ 2015-01-16 14:11 徐航 阅读(210) 评论(0) 推荐(0) 编辑
摘要: 对li标签的相关操作——五种方式给奇数项li标签设置样式demo演示:1234567详解:通常我们为多个li添加样式时常用的是使用filter,但我们在第三节中可以看到filter可以和each等在某些场合替换的,那是否我们可以用each来实现呢,答案是肯定的,但也是有差异性的。下面是常用的三种方式... 阅读全文
posted @ 2015-01-16 11:38 徐航 阅读(273) 评论(0) 推荐(0) 编辑
摘要: 对li标签的相关操作——八种方式遍历li标签并获取其值 $("ul>li").forEach(function(item,index){ alert(index+":"+ item.innerHTML); }); $("ul>li").each... 阅读全文
posted @ 2015-01-16 11:29 徐航 阅读(324) 评论(0) 推荐(0) 编辑
摘要: 对li标签的相关操作——8种方式获取li标签的第一个元素的内容1、alert($("ul>li").first().html());2、alert($('ul>li').eq(0).html());3、alert($('ul>li:nth-child(1)').html()); 4、alert($(... 阅读全文
posted @ 2015-01-16 11:21 徐航 阅读(471) 评论(0) 推荐(0) 编辑
摘要: 对li标签的相关操作——点击li标签进行样式切换的两种方式Demo演示:1234详解:第一种方式(以ul为基础): $("ul").bind("click", function(e) { $(e.target).closest("li").addClass("h... 阅读全文
posted @ 2015-01-16 11:02 徐航 阅读(225) 评论(0) 推荐(1) 编辑