js jQuery筆記

標籤：des   style   blog   color   io   os   java   ar   sp   

jQuery

1、幾種擷取子項目的方法及區別

children方法獲得的僅僅是元素一下級的子項目，即：immediate children。 
find方法獲得所有下級元素，即：descendants of these elements in the DOM tree 
children方法的參數selector 是可選的（optionally），用來過濾子項目，但find方法的參數selector方法是必選的。 

$("#list p") 是尋找id為list的元素的所有是P標籤的後代，即：子項目，孫子項目，孫孫子項目……都可以。

$("#list>p") 是尋找id為list的元素的所有是P標籤的一級後代,超過一代就擷取不到了。

2、超連結添加onclick事件後，阻止超連結跳轉：

<div class="SubCategoryBox">    <ul>        <li><a href="#">佳能</a><i>(30440)</i></li>        <li><a href="#">佳能</a><i>(30440)</i></li>        <li><a href="#">佳能</a><i>(30440)</i></li>        <li><a href="#">佳能</a><i>(30440)</i></li>        <li><a href="#">佳能</a><i>(30440)</i></li>        <li><a href="#">佳能</a><i>(30440)</i></li>        <li><a href="#">佳能</a><i>(30440)</i></li>        <li><a href="#">佳能</a><i>(30440)</i></li>        <li><a href="#">佳能</a><i>(30440)</i></li>        <li><a href="#">佳能</a><i>(30440)</i></li>        <li><a href="#">佳能</a><i>(30440)</i></li>        <li><a href="#">佳能</a><i>(30440)</i></li>        <li><a href="#">佳能</a><i>(30440)</i></li>        <li><a href="#">佳能</a><i>(30440)</i></li>        <li><a href="#">其他品牌相機</a><i>(30440)</i></li>    </ul>    <div class="showmore">        <a href="more.html" id="button-1" data-role="button"            data-icon="arrow-d" data-iconpos="left">            顯示全部品牌        </a>    </div></div></body><script type="text/javascript">var $category=$("ul li:gt(5):not(:last)");$category.hide();var $toggleBtn=$("div.showmore>a");$toggleBtn.click(function(){$category.show();return false;//超連結不跳轉});</script>

 

js jQuery筆記