jquery对元素操作，获取/替换文本(.text())、html(.html())、属性(.attr())、值(.val())
html代码
text()
根据标签获取文本值
同一个标签下筛选明细
最后一个元素
第一个元素
替换文本
html
获取html
替换html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>元素操作</title>
<script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
</head>
<body>
<button ).html();
//alert(str);
});
});
</script>
属性(.attr())
html代码
获取a标签的href属性
获取img标签的alt属性
修改属性
修改多个属性
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jquery 属性操作</title>
<script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
<style>
.bdr{
border: 5px solid #000;
padding: 5px;
}
</style>
</head>
<body>
<h1>获取/改变/增加属性：attr("属性")</h1>
<button ); //获取属性
// alert(str);
// });
});
</script>
值(.val())
获取值
插入html
把值插入到指定位置
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jquery 获取/改变/增加 值</title>
<script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
</head>
<body>
<table>
<tr>
<td>姓名：</td>
<td><input type="text" ).html(content);
});
});
</script>