网站建设资讯

NEWS

网站建设资讯

jquery多条件,jquery多条件筛选表格

JQuery 多条件过滤

现在有filterName,我想增加个filterName1条件但是($(this).val())这块我还不了解,它是jquery-1.4.2.min.js里面的变量么?

成都创新互联公司专注于中山企业网站建设,响应式网站开发,商城建设。中山网站建设公司,为中山等地区提供建站服务。全流程按需定制设计,专业设计,全程项目跟踪,成都创新互联公司专业和态度为您提供的服务

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 type="text/javascript"

$(function(){

var myTag=$("input[id=myid][name=myname][type=button]").length;

alert(myTag);

})

/script

input id="myid" name="myname" type="button" value="提交" /

不太明白你的意思,你可以看看属性选择器用法:

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://njwzjz.com/article/dsgojco.html