JAVA全系列 教程
3762个小节阅读:7090.2k
目录
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
选择器
DOM操作
CSS操作
事件处理
遍历
动画
获取元素中的HTML内容
xxxxxxxxxx
$('div.demo-container').html();
html()方法还可以设置元素的html内容
xxxxxxxxxx
$('div.demo-container').html('<p>All new content. <em>You bet!</em></p>');
用于获取<input>
标签中的内容
xxxxxxxxxx
$(".input").val();
也可以设置<input>
标签内容
xxxxxxxxxx
$(".input").val("username")
获取匹配的元素的属性的值 或 设置匹配元素的一个或多个属性
xxxxxxxxxx
<!DOCTYPE html>
<html>
<head>
<style>
img {
padding: 10px;
width: 100px;
}
div {
color: red;
font-size: 24px;
}
</style>
<script src="./js/jquery-3.6.0.min.js"></script>
</head>
<body>
<img />
<div><B>Attribute of Ajax</B></div>
<script>
$("img").attr({
src: "https://www.itbaizhan.com/wiki/images/1.jpeg",
title: "jQuery",
alt: "jQuery Logo"
});
$("div").text($("img").attr("alt"));
</script>
</body>
</html>
为匹配的元素集合中的每个元素中移除一个属性(attribute)
xxxxxxxxxx
img.removeAttr("title")
实时效果反馈
1. 下列关于jQuery的DOM操作,哪个方法可以设置元素属性:
A html()
B val()
C attr()
D removeAttr()
答案
1=>C