技术问答jquery濡備綍鑾峰彇鍚岀骇鍏冪礌 - 扬州沐宇科技

鍦╦query涓幏鍙栧悓绾у厓绱犵殑鏂规硶锛?.鏂板缓html椤圭洰锛屽紩鍏query锛?.鍦ㄩ」鐩腑鍒涘缓html鏍囩锛?.浣跨敤siblings()鏂规硶鑾峰彇鍚岀骇鍏冪礌锛?/p>

jquery濡備綍鑾峰彇鍚岀骇鍏冪礌

鍏蜂綋姝ラ濡備笅锛?/p>

1.棣栧厛锛屽湪鏂板缓涓€涓猦tml椤圭洰锛屽湪椤圭洰涓紩鍏query锛?/p>

<script type="text/javascript" src="/static/jquery-2.1.4.min.js"></script>

2.寮曞叆jquery鍚庯紝鍦ㄩ」鐩腑鍒涘缓html鏍囩锛岀敤浜庢祴璇曪紱

<li class="btn">娴嬭瘯鏍囩1</li>
<li>娴嬭瘯鏍囩2</li>
<li class="btn">娴嬭瘯鏍囩3</li>
<li>娴嬭瘯鏍囩4</li>

3.html鏍囩鍒涘缓濂藉悗锛屼娇鐢╯iblings()鏂规硶鍗冲彲鑾峰彇鍚岀骇鍏冪礌锛?br/>

#鑾峰彇li鏍囩涓被鍚嶄负btn鐨勫悓绾у厓绱狅紝骞惰缃负绾㈣壊
$("p").siblings(".btn").css('color', 'red');

鐩稿叧鎵╁睍锛?br/>

1锛変娇鐢╬rev()鏂规硶鑾峰彇鐩搁偦鐨勪笂涓€涓悓绾у厓绱?/p>

#鑾峰彇li鏍囩涓被鍚嶄负btn鐨勪笂涓€涓悓绾у厓绱?/p>$("li").prev(".btn")

2锛変娇鐢╪ext()鏂规硶鑾峰彇鐩搁偦鐨勪笅涓€涓悓绾у厓绱?br/>

#鑾峰彇li鏍囩涓被鍚嶄负btn鐨勪笅涓€涓悓绾у厓绱?/p>$("li").next(".btn")