jquery多条件,jquery多条件搜索
JQuery 多条件过滤
现在有filterName，我想增加个filterName1条件但是($(this).val())这块我还不了解，它是jquery-1.4.2.min.js里面的变量么？
创新互联公司是专业的新密网站建设公司，新密接单;提供成都做网站、成都网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行新密网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
this 是当前对象，$(this)返回当前对象的jquery对象， $(this).val() 就是获取当前对象的值
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
如何实现jQuery多条件筛选
$(document).ready(function() { $("#select1 dd").click(function() { $(this).addClass("selected").siblings().removeClass("selected"); if ($(this).hasClass("select-all")) { $("#selectA").remove(); } else { var copyThisA = $(this).clone(); if ($("#selectA").length 0) { $("#selectA a").html($(this).text()); } else { $(".select-result dl").append(copyThisA.attr("id", "selectA")); } } }); $("#select2 dd").click(function() { $(this).addClass("selected").siblings().removeClass("selected"); if ($(this).hasClass("select-all")) { $("#selectB").remove(); } else { var copyThisB = $(this).clone(); if ($("#selectB").length 0) { $("#selectB a").html($(this).text()); } else { $(".select-result dl").append(copyThisB.attr("id", "selectB")); } } }); $("#selectA").live("click", function() { $(this).remove(); $("#select1 .select-all").addClass("selected").siblings().removeClass("selected"); }); $("#selectB").live("click", function() { $(this).remove(); $("#select2 .select-all").addClass("selected").siblings().removeClass("selected"); }); $(".select dd").live("click", function() { if ($(".select-result dd").length 1) { $(".select-no").hide(); } else { $(".select-no").show(); } });});
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
时间仓促，仅供参考，还有许多需要完善的地方
网站题目：jquery多条件,jquery多条件搜索
本文网址：http://6mz.cn/article/dsdscei.html