本文介绍了jQuery中各种选择器的使用方法，包括基本的选择器如:lt, :input等，以及复杂的过滤选择器和属性选择器。同时，还展示了如何通过jQuery进行DOM元素的操作，如添加类名、获取元素索引、筛选特定元素等。
$(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(){
});
扫一扫
4513
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
