$(function(){
$("p.lt(2)").addClass("myClass");//选择前 2 个 <p> 元素::lt 选择器选取带有小于指定 index 值的元素。index 值从 0 开始。
});
jquery中:input和input的区别:
:input表示选择表单中的input,select,textarea,button元素,input仅仅选择input元素。
$(function(){
$(":input:not(:checkbox):not(:radio)").addClass("myClass");
});
document.onclick = function(){
var i=$("div").size()+1;
$(document.body).append($("<div>+i+</div>"));//$("<div>+i+</div>")没理解。10-14
$("span").html(i);
}
$(function(){
$("div").click(function(){
var index = $("div").index(this);
$("span").html(index.toString());
});
});
<body>
<div>0</div><div>1</div><div>2</div><div>3</div><div>4</div><div>5</div>
点击的div块序号为:<span></span>
</body>
$(function(){
$("div").addClass("myClass1").filter("[class*=middle]").addClass("myClass2");
});
<div></div>
<div class="middle"></div>
<div class="middle"></div>
<div class="middle"></div>
<div class="middle"></div>
<div></div>
$(function(){
$("div").addClass("myClass1").filter(function(index){
return index==1 || $(this).attr("id")="fourth" ;
}).addClass("myClass2");
});
$(function(){
$("p").find("span").addClass("myClass1").end().addClass("myClass2");
//end() 方法结束当前链条中的最近的筛选操作,并将匹配元素集还原为之前的状态。
});
<body>
<p>Hello, <span>how</span> are you?</p>
<span>very nice,</span> thank you.
</body>
$(function(){
$("div").find("p").addClass("myBackground").andSelf().addClass("myBorder");
//
});
$(function(){
});