jQuery eq() filter() not()

来源:互联网 发布:淘宝怎么用花呗支付 编辑:程序博客网 时间:2024/06/11 14:09

官方参考:http://www.w3school.com.cn/jquery/jquery_traversing_filtering.asp

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>demo</title><script type="text/javascript" src="jquery.js"></script><script type="text/javascript">// function changered (x) {// x.style.width="300px";// x.style.height="300px";// }// function changeblue (y) {// y.style.width="100px";// y.style.height="100px";// }$(document).ready(function(){$("#demo").click(function(){$("div").animate({left:'250px',opacity:'0.8',width:'400px',height:'400px'});});});</script><script type="text/javascript">$(document).ready(function(){$("#test p").eq(0).css("color","red");$("#test p").eq(1).css("color","red");$("#test p").eq(2).css("color","red");});</script></head><body><div style="width:300px;height:300px;overflow: hidden;"><div id="demo" style="background:url(1.jpg) no-repeat 0 center;height:20px;width:100px;position:absolute;"><!-- <img src="1.jpg" alt="" onmouseover="changered(this);" onmouseout="changeblue(this);" style="width:100px;height:100px;" > --></div></div><div id="test"><p>第一名</p><p>第二名</p><p>第三名</p><p>第四名</p></div></body></html>


0 0
原创粉丝点击