首页 > 代码库 > js jQuery笔记
js jQuery笔记
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笔记
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。