查找节点

1.节点有哪些？--》元素节点、属性节点、文本节点

查找元素节点：

<--通过jQuery选择器，直接可以获取到节点元素。-->例1：查找元素节点p返回p内的文本内容$("p").text();

查找节点属性

<--获取到需要的元素节点后，可以使用attr()方法来获取它的各种属性值。-->attr()方法的参数可以是一个，也可以是两个，当参数为一个时，是要查询的属性名字。例2：查找元素节点p的属性返回属性名称对应的属性值$("p").attr("title"),返回p的属性title的值。

案例代码：

<!DOCTYPE html>
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>DOM查找节点</title><script src="../js/jquery-3.1.1.js"></script><script>$(function(){$("#btn1").click(function(){//获取p标签的文本内容alert($("p").text());//把橘子改成西瓜$("li:eq(1)").text("西瓜");//把苹果改成梨子$("li:first").html("<h1>梨子</h1>");//html()和text()：可以读取文本节点，也可以修改文本节点//html():支持标签  //text():只是支持文本});//attr():如果是一个参数就是查询属性节点值，两个参数就是修改属性节点值$("#btn2").click(function(){//查找p元素节点的title属性值alert($("p").attr("title"));//把第一个li的title属性值修改成苹果$("li:first").attr("title","苹果");//修改name属性为name的input元素节点的value值为"我是一个好人"// $("input[name='name']").attr("value","我是一个好人");//注意：如果是直接操作value属性我们可以使用更便捷的方法val()//val()只是针对于value属性，别的属性还是需要使用attr()//val():可以获取value属性值，也可以修改value属性值$("input[name='name']").val("我是一个好人");})})</script>
</head>
<body><h3>DOM树</h3><p title="水果">你喜欢的水果是？</p><ul><li title="apple">苹果</li><li title="orange">桔子</li><li title="banana">香蕉</li></ul><input type="text" name="name"  value="" /><br /><button id="btn1">查找文本节点</button><button id="btn2">查找节点属性</button>
</body>
</html>

JQueryDOM之查找节点相关推荐

xdocument查找节点值_二叉查找树（java）
一棵二叉查找树(BST)是一颗二叉树,其中每个节点都含有一个Comparable的键且每个节点的键(以及相关的值)都大于其左子树中的任意节点的键而小于右子树的任意结点的键. 数据表示和链表一样,我们 ...
二叉树C++ | 查找节点（中序搜索）_5
查找节点(中序搜索) /* C++ program to find Inorder successor in a BST */ #include<iostream> using names ...
jquery 父元素相邻元素_Jquery中几种查找节点的方法
Jquery中有多种可以查找节点的方法,今天这篇文章就说几种简单点的,也在日常中经常用到的. jQuery parent() 方法 parent():查找并返回被选元素的父元素语法: $(selec ...
java document创建节点_javasript 的DOM 节点操作：创建，插入，删除，复制以及查找节点...
DOM 含义: DOM 是文档对象模型(Document Object Model) 是一种基于浏览器编程的一套API 接口,我W3C 出台推荐的标准.其赋予了JS 操作节点的能力,当网页被加载时,浏 ...
JS----DOM节点操作：创建，插入，删除，复制，查找节点
摘自:https://blog.csdn.net/torrex/article/details/54376633 一.创建节点.追加节点 1.createElement(标签名)创建一个元素节点(具体 ...
js的DOM节点操作：创建，插入，删除，复制，查找节点
DOM含义:DOM是文档对象模型(Document Object Model,是基于浏览器编程的一套API接口,是W3C出台的推荐标准.其赋予了JS操作节点的能力.当网页被加载时,浏览器就会创建页面的 ...
（完全详解）JavaScript 添加、复制、移除、移动、创建和查找节点
(完全详解)JavaScript 添加.复制.移除.移动.创建和查找节点一.创建新节点 1.document.createDocumentFragment() //创建一个 DOM 片段 creat ...
怎样添加、移除、移动、复制、创建和查找节点？
1)创建新节点 createDocumentFragment() //创建一个DOM片段 createElement() //创建一个具体的元素 createTextNode() //创建一个文本节点 ...
微信小程序查找兄弟节点_使用C ++程序在链接列表中查找节点
微信小程序查找兄弟节点 Given a linked list and an integer N, you need to find and return index where N is pres ...

JQueryDOM之查找节点

查找节点

查找元素节点：

查找节点属性

案例代码：

JQueryDOM之查找节点相关推荐

最新文章

热门文章