jquery2014-07-11 00:09:04 3244
属性选择是我们很常用的一个功能,今天介绍下Jquery中常用的属性选择方法。
构建几个元素用于属性选择:
<div id="parentDiv">我是父元素 <div class="childDiv childDivOne"> <a>我是子元素1</a> </div> <div class="childDiv childDivTwo"> <a>我是子元素2</a> </div> <div class="childDiv"> <a>我是子元素3</a> </div> <div class="childDiv"> <a>我是子元素4</a> <p id="childchild">我是子元素4下面的p元素</p> </div> </div>
Jquery属性选择
//通过ID获取父元素的Jq对象 $("#parentDiv") //获取父元素下的第一个子元素的Jq对象 $($("#parentDiv").children()[0]); //通过class获取所有子元素 $(".childDiv"); //获取class为childDiv的元素集合中的第二个的Jq对象 $($(".childDiv")[1]); //获取第一个子元素的下一个同父元素的Jq对象 $(".childDivOne").next(); //获取第二个子元素的上一个同父元素的Jq对象 $(".childDivTwo").prev(); //查找父元素下面类名为childDivTwo的元素的Jq对象 $("#parentDiv").find(".childDivTwo"); //通过第三级子元素获取他父级元素的上一个兄弟元素 $("#childchild").parent().prev();
彭亚欧个人博客原创文章,转载请注明出处
文章关键词:Jq属性选择器 Jq选择兄弟元素 Jq选择元素
文章固定链接:https://www.pengyaou.com/legendsz/front/codejq/ODQ=.html
上一篇 Jquery图片上下轮滚插件
下一篇 CSS中背景图片区域截取技术