jquery 选择器,如何选择本子元素的父元素下的另一个子元素。

jquery 选择器,如何选择本子元素的父元素下的另一个子元素。,第1张

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:indexhtml,并引入jquery,填充问题基础代码。

2、在indexhtml中的<script>标签,输入jquery代码:

$('bb2')click(function () {

$('body')append($(this)parent()find('ccc')text());

});

3、浏览器运行indexhtml页面,点击“click me”的条目,此时会成功打印出“哈哈”的内容。

通过当前选择元素,查找其父元素,然后再查找这个父元素的最后一个子元素

例如:

12345

<div id="oDiv"> <p id="p1"></p> <a name="a1" href="" id="a1"></a></div>

如要选择id为p1的p标签的最后一个兄弟元素

jquery写法如下:

$("#p1")parent()last();

结果:

<a name="a1" href="" id="a1"></a>

1)一共12个节点类型

2)dom *** 作就是对节点进行 *** 作

3)节点的类型的获取方法notetype

4)ie9以上及chrome safari firefox 会将换行符当成节点

(1)静态获取

(2)返回带有指定ID的元素

var box1=documentgetElementById('box');

(1)根据标签名获取

(2)得到的是个数组

var div1=documentgetElementsByTagName('div')[0];

(1)根据类名获取元素

(2)动态获取

(3)得到的是一个数组

var box=documentgetElementsByClassName('box')[0];

(1)返回符合要求第一个元素

(2)通过css选择器来获取指定标签

(3)静态获取

(1)返回所有匹配元素

(2)根据css选择器来获取所有标签

(3)得到的是一个数组

获取兄弟节点

获取下一个兄弟标签

获取上一个兄弟节点

获取上一个兄弟标签

获取最后一个子节点

获取最后一个子标签

获取所有非标签类型的子节点

获取所有子标签节点

获取父节点

增加节点

var div=documentcreateElement('div');

在父元素的末尾,插入节点

在添加元素前,需要将元素先创建好

divappendChild(div);

修改指定子节点

删除指定子节点

在删除前需要先获取到被删除元素

divremoveChild(box);

删除当前节点

需要先获取到被删除的节点

divremove();

(1)设置ID

divid='box';

(2)设置class

divclassName='box';

(3)设置style

divstylewidth='10px';

(4)设置路径

imgsrc='/';

(5)自定义属性

简单来看,两种,一种直接根据classname或者Id去获取对应的元素拿到你要的值;

第二种通过定位当前元素,然后通过获取兄弟节点的方式去获取,相关法请自行查阅资料,一查一大把,自己查出来的才能留下更深的印象

以上就是关于jquery 选择器,如何选择本子元素的父元素下的另一个子元素。全部的内容,包括:jquery 选择器,如何选择本子元素的父元素下的另一个子元素。、jquery当前选择的最后一个兄弟元素如何表示、js DOM *** 作等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/9355779.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-27
下一篇 2023-04-27

发表评论

登录后才能评论

评论列表(0条)

保存