正文
jqueryand条件,jquery语法基础
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
jquery中eq、gt、and用法
jquery中：
eq：（取指定索引的元素）
实例：
table width="200" cellpadding="0" cellspacing="0"
tbody
trtdA/td/tr
trtdB/td/tr
trtdC/td/tr
trtdD/td/tr
/tbody
/table
$(document).ready(function () {
$('tr:eq(2)').css('background', '#FF0000');
});
结果：取的是C
gt：（取大于指定索引的元素）
$(document).ready(function () {
$('ul li:gt(2)').css('color', '#FF0000');
});
结果：给大于2的增加一个颜色。
jQuery中并没有and选择器，只有andSelf。
andSelf：（将先前所选的元素加入当前元素集合中）
$("div").find("p").andSelf().addClass("border");
结果：找到所有 div，以及其中的所有段落，并为它们添加两个类名。
相关问答
Q1: jquery 逐次判断三个条件
body
字符1：input type="radio" name="str1" value="y" checked 是 input type="radio" name="str1" value="n" 否 br /
字符2：input type="radio" name="str2" value="y" checked 是 input type="radio" name="str2" value="n" 否 br /
字符3：input type="radio" name="str3" value="y" checked 是 input type="radio" name="str3" value="n" 否 br /
input type="button" onclick="test()" value="测试"
/body
script
function test(){
var str1=$("[name='str1']:checked").val();
var str2=$("[name='str2']:checked").val();
var str3=$("[name='str3']:checked").val();
if(str1=="y"str2=="y"str3=="n"){
//触发某个事件
alert("1");
}
if(str1=="n"str2=="y"str3=="y"){
//触发某个事件
alert("2");
}
if(str1=="y"str2=="n"str3=="y"){
//触发某个事件
alert("3");
}
}
/script
Q2: jquery如何实现一个表格的筛选,也就是按条件查找筛选
1、首先新建html文档，向下查找兄弟标签：.next()。
2、jquery支持链式操作，向下查找兄弟标签的兄弟标签：.next().next()。
3、接着向下查找所有兄弟标签：nextAll()，向下查找一直找到某个条件为止：nextUntil('条件')。
4、向上查找兄弟标签：.prev()，向上查找所有兄弟标签：prevAll()，向上查找一直找到某个条件为止：prevUntil('条件')。
5、最后查找父标签：parent()，查找所有父标签：parents()，如果没有人拦着，会一直找找到最上面的父标签（没什么用），条件满足时停止查找：parentsUntil('body') 。
Q3: jquery 多条件 选择
看看
html xmlns=""
head
titleTestPage/title
meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /
script type="text/javascript" language="javascript" src="jquery-1.4.4.min.js"/script
script language="javascript" type="text/javascript"
$(document).ready(function(){
$("#btn1").click(function(){
//alert("dfafd")
$("table tr").filter(":odd").css("background-Color","red").end().filter(":even").css("background-Color","blue");
});
jQuery("#btn2").click(function(){
$("table tr:not(:first)").filter(function(){
return this.style.backgroundColor != "red";//不为红色的tr
}).find("td:eq(1)").html("不为第一，背景不为red的行");
});
});
/script
/head
body
table
tr style="background-color:yellow"
td黄颜色行/tdtd/td
/tr
tr style="background-color:red"
td红颜色行/tdtd/td
/tr
tr style="background-color:blue"
td蓝颜色行/tdtd/td
/tr
tr style="background-color:Teal"
tdTeal颜色行/tdtd/td
/tr
tr style="background-color:Aqua"
tdAqua颜色行/tdtd/td
/tr
/table
input type="button" id="btn1" value="奇偶行背景转换"
input type="button" id="btn2" value="选择指定条件的行"
/body
/html
Q4: jquery多种条件筛选
script src="jquery-1.10.2.js"/script
script
$(function(){
$("#tj1 span,#tj2 span,#gd1 span,#gd2 span,#gd3 span").click(function(){
$(this).clone(true).appendTo("#yxtj")
});
})
/script
style
span{
margin-left:10px;
}
#gd1 span,#gd2 span,#gd3 span{
display:none;
}
/style
body
div style="background:#aaa; color:#fff;width:60%"已选条件：
div id="yxtj"/div
/div
div id="tj1"
条件1：span class="tj1"条件11/spanspan class="tj1"条件12/spanspan class="tj1"条件13/span
/div
div id="tj2"
条件2：span class="tj2"条件21/spanspan class="tj2"条件22/spanspan class="tj2"条件13/span
/div
div id="gd"
更多：span class="gd" id="gdtj1"更多1/spanspan class="gd" id="gdtj2"更多2/spanspan class="gd" id="gdtj3"更多3/span
/div
div
div id="gd1"
span id="gd11"更多11/spanspan id="gd12"更多12/spanspan id="gd13"更多13/span
/div
div id="gd2"
span id="gd21"更多21/spanspan id="gd22"更多22/spanspan id="gd23"更多23/span
/div
div id="gd3"
span id="gd31"更多11/spanspan id="gd32"更多32/spanspan id="gd33"更多33/span
/div
/div
/body
时间仓促，仅供参考，还有许多需要完善的地方
