函数的采用详解,赏莲正当时

  新加坡莹霞酒店位居航空港开发区A区,紧邻首都国际机场,紧邻新国展,地理地点优越,交通方便。周边有公共交通,地铁,银行,超级市场,市集,小吃店等有利于骑行。客房干净,卫生,舒适,整洁,服务热情....

第1天
2014-06-21

jQuery的next()函数的接纳详解,jquery使用详解

jQuery的next()函数的行使详解:
此函数在代码中有大气的应用,上边就构成实例介绍一下此函数的用法。
它能够获取三个涵盖匹配成分集合中每2个因素紧邻的后边同辈元素的要素集合。
在上边的概念中有下边几点供给特别注意:
1."紧邻",也便是说获取的要素必须是匹配成分所附近的,中间无法有任何的因素间隔。
2."同辈",也正是说获取的因素必须和卓越是同级成分。
3."前边",约等于i说获取的因素必须放在匹配成分的前面。
语法结构:

$(selector).next(expr)

参数列表:

参数描述
expr可选。筛选表达式。

实例代码:

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.51texiao.cn/" /><title>蚂蚁部落</title><style type="text/css">.father{ height:200px; width:200px; border:1px solid blue;}</style><script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script><script type="text/javascript">$(document).ready(function(){ $("p").next().css("color","blue")})</script> </head><body><div class="father"><p>我是p元素</p>我是span元素<p>我是p元素</p><div>我是div元素</div></div></body></html>

如上代码能够将装有p成分前面紧邻的同辈成分的字体颜色设置为青灰。

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.51texiao.cn/" /><title>蚂蚁部落</title><style type="text/css">.father{ height:200px; width:200px; border:1px solid blue;}</style><script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script><script type="text/javascript">$(document).ready(function(){ $("p").next("span").css("color","blue")})</script> </head><body><div class="father"> <p>我是p元素</p> 我是span元素 <p>我是p元素</p> <div>我是div元素</div></div></body></html>

上述代码可以将p成分前边紧邻的同辈成分中的span成分的字体衍射设置为乌紫。

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.51texiao.cn/" /><title>蚂蚁部落</title><style type="text/css">*{ margin:0px; padding:0px; font-size:14px;}ul{list-style:none;}.main .nav{ width:100px; margin:0px auto; margin-top:3px;}.main .nav a{ width:100px; height:25px; line-height:25px; text-align:center; text-decoration:none; background-color:green; display:block;}.main .nav .navcontent{display:none;}</style><script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script><script type="text/javascript">$(document).ready(function(){ var navs=$(".nav"); var navcontents=$(".navcontent"); var navlen=navs.length; $(".nav a").click(function(){ if($(this).next().css("display")=="none") { $(this).next().css("display","block") } else { $(this).next().css("display","none") } }) })</script></head><body><div> <ul class="main"> <li class="nav"> <a href="#">蚂蚁部落</a> <ul class="navcontent"> <li>搜索优化</li> <li>CSS专区</li> <li>ASP专区</li> </ul> </li> <li class="nav"> <a href="#">前台专区</a> <ul class="navcontent"> <li>搜索优化</li> <li>CSS专区</li> <li>ASP专区</li> </ul> </li> <li class="nav"> <a href="#">后台专区</a> <ul class="navcontent"> <li>搜索优化</li> <li>CSS专区</li> <li>ASP专区</li> </ul> </li> </ul></div></body></html>

美高梅在线登录,函数的采用详解,赏莲正当时。以上代码完毕了多少个二级菜单,里面有next()函数逇应用。

初稿地址是:

jQuery的next()函数的利用详解:
此函数在代码中有恢宏的选用,下边就组成实例介绍一下此函数的...

jQuery的next()函数的行使详解,jquery使用详解

jQuery的next()函数的应用详解:
此函数在代码中有恢宏的施用,上面就构成实例介绍一下此函数的用法。
它能够取得叁个分包匹配成分集合中每二个因素紧邻的前面同辈成分的因素集合。
在上边的定义中有下边几点须求尤其注意:
1."紧邻",约等于说获取的要素必须是匹配成分所附近的,中间不可见有其余的成分间隔。
2."同辈",也正是说获取的成分必须和匹配是同级成分。
3."前面",也等于i说获取的成分必须放在匹配成分的前面。
语法结构:

 

$(selector).next(expr)

 

参数列表:

参数描述
expr可选。筛选表达式。

实例代码:
实例一:

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">.father{ height:200px; width:200px; border:1px solid blue;}</style><script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script><script type="text/javascript">$(document).ready(function(){ $("p").next().css("color","blue")})</script> </head><body><div class="father"><p>我是p元素</p>我是span元素<p>我是p元素</p><div>我是div元素</div></div></body></html>

以上代码能够将富有p成分前面紧邻的同辈成分的字体颜色设置为浅青。
实例二:

 

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">.father{ height:200px; width:200px; border:1px solid blue;}</style><script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script><script type="text/javascript">$(document).ready(function(){ $("p").next("span").css("color","blue")})</script> </head><body><div class="father"> <p>我是p元素</p> 我是span元素 <p>我是p元素</p> <div>我是div元素</div></div></body></html>

 

如上代码能够将p成分前面紧邻的同辈成分中的span成分的字体衍射设置为淡红。
实例三:

 

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">*{ margin:0px; padding:0px; font-size:14px;}ul{list-style:none;}.main .nav{ width:100px; margin:0px auto; margin-top:3px;}.main .nav a{ width:100px; height:25px; line-height:25px; text-align:center; text-decoration:none; background-color:green; display:block;}.main .nav .navcontent{display:none;}</style><script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script><script type="text/javascript">$(document).ready(function(){ var navs=$(".nav"); var navcontents=$(".navcontent"); var navlen=navs.length; $(".nav a").click(function(){ if($(this).next().css("display")=="none") { $(this).next().css("display","block") } else { $(this).next().css("display","none") } }) })</script></head><body><div> <ul class="main"> <li class="nav"> <a href="#">蚂蚁部落</a> <ul class="navcontent"> <li>搜索优化</li> <li>CSS专区</li> <li>ASP专区</li> </ul> </li> <li class="nav"> <a href="#">前台专区</a> <ul class="navcontent"> <li>搜索优化</li> <li>CSS专区</li> <li>ASP专区</li> </ul> </li> <li class="nav"> <a href="#">后台专区</a> <ul class="navcontent"> <li>搜索优化</li> <li>CSS专区</li> <li>ASP专区</li> </ul> </li> </ul></div></body></html>

 

上述代码完成了一个二级菜单,里面有next()函数逇应用

原稿地址是:

愈多内容能够参照

 

jQuery的next()函数的运用详解:
此函数在代码中有雅量的行使,上边就重组实例介绍一下此函数的...

莱茵河长沙市双牌县牙山村,紧邻天心区城,据县城5公里左右。种植水旦几十亩,如今花开正艳!

三夏赏荷总是要麻烦去追寻,二〇一九年,得知桑植县牙山村栽植水华几十亩,作为日照地点人,自然是必需去这看看。攸县离大理佛冈县约1.5小时的车程,是三明的多少个小县城。牙山村离鹤城区城约10分钟行车路程,在平顶山金湾区到新化县城的必经之路上。牙山村现年的水芝种植60余亩,金芙蕖种植区离207国道仅3分钟,就在村道旁边,11分有益于。牙山村的羊肉早已如雷贯耳梅州,假使来此探荷的你们,能够顺便去村里尝一下好吃的羊肉,美景美食,一定特别满足!羊肉花费较贵,且村里农家乐的食材相对相比较好,因而吃羊肉大餐人均大约80元左右农户乐可供点菜品种不是特地多,十来种啊。基本上以本地酒席菜为根基。三鲜、扣肉、大杂烩、羊肉、羊杂、土鸡、血鸭口味都很不错。不吃羊肉,人均50相应够了。村里的农家乐有两家,味道都没错。新鲜莲子10月首能够采摘了,要是你喜欢,还足以体会和选购直接从田里摘下的鲜莲,价格嘛,和市集价非凡。

美高梅在线登录 1

四川赣南土家族哈萨克族自治州冷水滩至岳阳楼区的207国道。沿途绿树成荫,就像是在铁灰的隧道中穿行,美哉!

山东张家界市祁阳县牙山村,紧邻中方县城,据县城5公里左右。种植六月春几十亩,近年来花开正艳!

美高梅在线登录 2

江苏衡阳市天心区牙山村,紧邻嘉禾县城,据县城5公里左右。种植金芙蕖几十亩,近期花开正艳!

美高梅在线登录 3

新疆张家界市岳阳经济技术开发区牙山村,紧邻岳麓区城,据县城5英里左右。种植水六月春几十亩,最近花开正艳!

美高梅在线登录 4

海南娄底市天心区牙山村,紧邻新化县城,据县城5英里左右。种植草荷花几十亩,近期花开正艳!

美高梅在线登录 5

湖北邵阳市东安县牙山村,紧邻长尤溪县城,据县城5英里左右。种植水芝几十亩,近日花开正艳!

美高梅在线登录 6

额尔齐斯河娄底市吉首市牙山村,紧邻芦淞区城,据县城5英里左右。种植莲花几十亩,近年来花开正艳!

美高梅在线登录 7

白鹭流连于此

湖北衡阳市南县牙山村,紧邻天元区城,据县城5海里左右。种植水花几十亩,最近花开正艳!

美高梅在线登录 8

西藏常德市衡山县牙山村,紧邻雨花区城,据县城5海里左右。种植水华几十亩,近期花开正艳!

美高梅在线登录 9

湖南张家界市苏仙区牙山村,紧邻鹤城区城,据县城5英里左右。种植芙蓉几十亩,近来花开正艳!

美高梅在线登录 10

四川长沙市永顺县牙山村,紧邻鹤龙华区城,据县城5海里左右。种植夫容几十亩,近来花开正艳!

美高梅在线登录 11

广东怀化市桑植县牙山村,紧邻汉寿县城,据县城5公里左右。种植水芸几十亩,近日花开正艳!

美高梅在线登录 12

浙江张家界市岳塘区牙山村,紧邻双清区城,据县城5英里左右。种植水旦几十亩,最近花开正艳!

美高梅在线登录 13

青海邵阳市芦淞区牙山村,紧邻江永县城,据县城5英里左右。种植夫容几十亩,近期花开正艳!

美高梅在线登录 14

美景和美味的吃食,牙山村的羊肉享誉三明,每年慕名食客趋之若鹜,近期,你来不但有好吃羊肉,更有百亩莲池,三月首莲子就足以摘掉了,赏莲采莲,乐趣无穷。赏花免费,羊肉大餐,人均80元1个人。

广西湘西土家族苗族自治州大通湖区牙山村,紧邻冷水滩区城,据县城5英里左右。种植水芝几十亩,近日花开正艳!

美高梅在线登录 15

吉林衡阳市石鼓区牙山村,紧邻常宁市城,据县城5英里左右。种植水芸几十亩,近来花开正艳!

美高梅在线登录 16

江西永州市桃江县牙山村,紧邻华容县城,据县城5英里左右。种植中国莲几十亩,近日花开正艳!

密西西比河周口冷水滩到双牌的公路上

相关文章

Comment ()
评论是一种美德,说点什么吧,否则我会恨你的。。。