900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > jQuery DOM操作之查找结点

jQuery DOM操作之查找结点

时间:2022-01-07 14:16:40

相关推荐

jQuery DOM操作之查找结点

下面是对jQuery DOM操作中查找结点的整理,希望可以帮助到有需要的小伙伴。

1、查找元素节点

使用jQuery中的选择器用法可以完成查找结点的操作,相对于DOM,jQuery更方便

2、查找属性节点

jQuery的选择器找到元素节点后,利用text()方法获取其文本节点的文本内容。

text()方法类似于DOM中的textContent属性

text()方法和attr()方法都可以获取和设置

查找结点实例:

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>查找结点</title><script src="/jquery/2.1.1/jquery.min.js"></script></head><body><button id="btn" name="button">按钮</button><script>// 定位页面元素var $btn = $("#btn");// 指定元素的文本内容 - 类似于DOM中的textContent属性console.log($($btn.text()));// 根据元素和元素的属性名得到的属性值 - 类似于DOM中的getAttributeconsole.log($btn.attr('name'));// 为指定元素添加文本内容$btn.text('新按钮');// 问指定元素添加属性$btn.attr('class','cls');/*jQuery查找页面元素 - 没有参考DOM中的Node对象,参考的是AElement对象* text()方法 - ;类似于DOM中的textContent属性* 获取 - text()* 设置 - text(新的文本内容)* attr()方法* 获取 - attr(name) - 类似于DOM中的getAttribute(name)* 设置 - attr(name,value) - 类似于DOM中的setAttribute(name,value)*/</script></body></html>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。