还有一个方法 .siblings() 选取同级别元素,无前后位置关系。
例如: $("#prev").siblings("div");
//选取#prev所有的同辈div元素,无论前后位置。
例如: $("#prev").siblings("div");
//选取#prev所有的同辈div元素,无论前后位置。
2016-07-06
这个选择器用的比较少。可以用.next()方法替代。
例如:$(".one+div") 等价于 $(".one").next("div")
$(".one~div") 等价于 $(".one").nextAll("div")
例如:$(".one+div") 等价于 $(".one").next("div")
$(".one~div") 等价于 $(".one").nextAll("div")
2016-07-06
<script>
$(function(){
var arr=new Array("1","2","3","4");
$(arr).each(function(i)
{
var data=arr[i];
$("div").append(data);
});
});
</script>
$(function(){
var arr=new Array("1","2","3","4");
$(arr).each(function(i)
{
var data=arr[i];
$("div").append(data);
});
});
</script>
浏览器的盒子模型分为两类,一类为标准的w3c盒子模型,另一类为IE盒子模型,两者区别为在Width和Height这两个属性值中是否包含padding和border的值,w3c盒子模型不包含,IE盒子模型则包含,
2016-07-06
<script type="text/javascript">
$("li:contains('jQuery')").css("background", "green");
$("ul>dt:contains('l')").css("color","red");
</script>
$("li:contains('jQuery')").css("background", "green");
$("ul>dt:contains('l')").css("color","red");
</script>
2016-07-06
有人说 jquery和js比起来 jquery简直太强大了。那是你还没有真正了解前端。jquery只不过是js的一个库而已。放在这个练习里面等同于 jquery只不过是js的子孙而已。
2016-07-05
我的天,有些同学,请你们用点智商好吗?教程说的很清楚,是用“,”隔开。 老师写的那句--如$(“#id”)、$(“.class”)、$(“selector”)选择器等 是用现实语句跟你打比方,交代清楚用法 欸,这都能被误解,真是智商新高度
2016-07-05
复习下前面的选择器
<body>
<h3>使用clone()方法复制元素</h3>
<span class="red" title="hi">美猴王</span>
<span class="red" title="hi">美猴王</span>
<script type="text/javascript">
$("body").append($("span[title='hi']").clone());
</script>
</body>
复制后是黏在一起的
<body>
<h3>使用clone()方法复制元素</h3>
<span class="red" title="hi">美猴王</span>
<span class="red" title="hi">美猴王</span>
<script type="text/javascript">
$("body").append($("span[title='hi']").clone());
</script>
</body>
复制后是黏在一起的
2016-07-05
这个确实写的不清楚,之后查了资料trigger()事件是触发被选择的元素的指定事件的,如果是常规的事件比如click,mouseover之类的事件可以直接调用,如果是自定义的事件则需要用bind先绑定才可以触发
2016-07-05