jQuery 的操作
一、jQuery –获得内容和属性
jQuery 拥有可操作 HTML元素和属性的强大方法。
jQuery中非常重要的部分,就是冲着DOM的能力。
jQuery提供一系列与DOM相关的方法,这使得访问和操作元素和属性变得很容易。
DOM = Document Object Model(文档对象模型)
DOM 定义访问 HTML和 XML文档的标准:
“W3C 文档对象模型独立于平台和语言的界面,允许程序和脚本动态访问和更新文档的内容、结构以及样式。”
1.获得内容 — text()、html()以及val()
三个简单实用的用于DOM操作的jQuery方法:
text() —设置或返回所选元素的文本内容
html() —设置或返回所选元素的内容(包括HTML标记)
val() —设置或返回表单字段的值
<!DOCTYPE html>
<html>
<head>
<script src=”/jquery/jquery-1.11.1.min.js”></script>
<script>
$(document).ready(function(){
$(“#btn1”).click(function(){
alert(“Text: ” + $(“#test”).text());
});
$(“#btn2”).click(function(){
alert(“HTML: ” + $(“#test”).html());
});
});
</script>
</head>
<body>
<p id=”test”>这是段落中的<b>粗体</b>文本。</p>
<button id=”btn1″>显示文本</button>
<button id=”btn2″>显示 HTML</button>
</body>
</html>
具体效果自行实验。
- 洗漱包旅行套装 男出差商务洗簌袋便携化妆包女用品洗护大容量
- 蓝罐(Kjeldsens)曲奇饼干礼盒 454g 丹麦原装进口 休闲零食 节日送礼福利团购
- 适用于新款车载手机支架无线器快充智能自动感应汽车
- 皇顺适配名爵MG7汽车用品MG6PRO改装饰配件MG5门槛条ZS保护贴
温馨提示 : 非特殊注明,否则均为©李联华的博客网原创文章,本站文章未经授权禁止任何形式转载;IP地址:3.133.124.23,归属地:俄亥俄州Dublin ,欢迎您的访问!
文章链接:https://www.lilianhua.com/jquery-operation.html
文章链接:https://www.lilianhua.com/jquery-operation.html