这样:
<ul class="parent1">
<li><a href="#" id="item1">jquery获取父节点</a></li>
<li><a href="#">jquery获取父元素</a></li>
</ul>
扩展资料:
注意事项
parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。
parents则是取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通过一个可选的表达式进行筛选。
可以看出parent的取值很明确,就是当前元素的父元素;parents则是当前元素的祖先元素。
<div id='div1'>
<div id='div2'><p></p>
</div><div id='div3' class='a'><p></p></div>
<div id='div4'><p></p></div>
</div>
使用jquery 获取class,jquery得到class需要知道使用jquery获取属性的方法,class本身也是元素的一个属性,jquery 获取class属性是经常要做的一个 *** 作,由于class本身也是元素的一个属性,所以可以通过attr方法来获取class的值,代码如下:
$('#demo')attr('class');
也可以使用javascript的元素对象来获取,代码如下:
$('#demo')[0]className;
jquery 设置class也是用的attr方法。
点击启动Wegame,点击右上角菜单,打开辅助工具即可。
aDivclick(function(){
$(this)siblings()亲,直接这样就可以了
var aDiv=$("class1")hide();
})
remove(); //div class=">test":
1思路。
下面进行实例演示——点击某个div后,删除同级的其余div元素:获取被点击元素之外的元素,使用remove()方法删除节点;tes
<div class="content"3<//div>>、jquery代码
$(function(){
$(">
<div>
<div class="test">2<,然后使用remove()删除
}); 使用siblings获取被点击元素之外的同级元素;
</div>1</
jQuery支持相当完整的一套子集,同时还添加了一些非标准但很有用的伪类。注意:本节讲述的是 jQuery选择器。其中有不少选择器(但不是全部)可以在CSS样式表中使用。选择器语法有三层结构。你肯定已经见过选择器中最简单的形式。
在开发过程中,jQueryhtml() 是获取当前节点下的html代码,并不包含当前节点本身的代码,然而我们有时候的确需要,可以通过jQueryprop("outerHTML")的方式设置。
很多jQuery的使用者都对这一问题深感疑惑。为什么在众多方便的各种获取属性和设置属性的方法中就不能像DOM中一样直接设置html元素的outerHTML呢?
因为原生JS DOM里有一个内置属性 outerHTML (看清大小写哦,JS是区分大小写的)用来获取当前节点的html代码(包含当前节点),所以用jQuery的prop()能拿到
一、jquery获取outerhtml
<div class="test"><p>hello,你好!</p></div><script>
$("test")prop("outerHTML");
</script>
二、jquery设置outerhtml
$('test'
)prop(
'outerHTML'
,
'<input>'
);
jquery通过任何选择器取得的对象都是jquery对象而不是JavaScript的dom对象不能用js的方法进行 *** 作 而需要使用jquery对象支持的方法 如果是通过class的话取得的是jquery对象数组
ps 如果想把jquery对象装换为js对象可以用以下方法
1 var obj = $('#xx')[0] 获得dom对象
2 对于数组
var obj = $('xx')each(function(){
alert(this)//这里 this获得的就是每一个dom对象 如果需要jquery对象 需要写成$(this)
});
$("#div_id")height();
// 获得的是该div本身的高度, (不包含padding,margin,border)
$("#div_id")outerHeight();
// 包含该div本身的高度, padding上下的高度, 以及border上下的高度(不包含margin的高度)
$("#div_id")outerHeight(true);
// 包含该div本身的高度, 以及padding,border,margin上下的总高度
$(window)height();
// 获取浏览器显示区域(可视区域)的高度
$(window)width();
// 获取页面的文档高度
$(document)height();
// 浏览器当前窗口文档的高度
$(documentbody)width();
// 浏览器当前窗口文档body的高度
$(document)scrollTop();
// 获取滚动条到顶部的垂直高度 (即网页被卷上去的高度)
objoffset()top
// 某个元素的上边界到body最顶部的距离(在元素的包含元素不含滚动条的情况下)
直接使用js变量就行了。不需要做任何转换。
jquery本身也是 *** 作js,是javascript的类库。因此两者相互 *** 作不存在任何障碍。
题目问题解决:
function motionStep(step){$("div#"+step)animate({height:800},"fast");//这里注意一下变量的拼接
}
以上就是关于jquery怎么获取当前元素的父元素全部的内容,包括:jquery怎么获取当前元素的父元素、jQuery获取class元素、jquery选择除了它本身之外的li怎么弄等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)