网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

jqueryand条件,jquery语法基础

jquery中eq、gt、and用法

jquery中:

宁县ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为创新互联公司的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:18982081108(备注:SSL证书合作)期待与您的合作!

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,以及其中的所有段落,并为它们添加两个类名。

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

jquery如何实现一个表格的筛选,也就是按条件查找筛选

1、首先新建html文档,向下查找兄弟标签:.next()。

2、jquery支持链式操作,向下查找兄弟标签的兄弟标签:.next().next()。

3、接着向下查找所有兄弟标签:nextAll(),向下查找一直找到某个条件为止:nextUntil('条件')。

4、向上查找兄弟标签:.prev(),向上查找所有兄弟标签:prevAll(),向上查找一直找到某个条件为止:prevUntil('条件')。

5、最后查找父标签:parent(),查找所有父标签:parents(),如果没有人拦着,会一直找找到最上面的父标签(没什么用),条件满足时停止查找:parentsUntil('body') 。

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多种条件筛选

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

时间仓促,仅供参考,还有许多需要完善的地方


网站标题:jqueryand条件,jquery语法基础
分享地址:http://bjjierui.cn/article/dsisgep.html

其他资讯