下面是对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>