<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="js/jquery.js"></script>
<script>
$(function(){
//在每个li元素的内部添加一个<a href="#">浏览</a>链接
$('li').html('<a href="#">浏览</a>');
var h = $('ul').text();
console.log(h);
//在id为prov的元素内部添加湖南湖北广东3个城市选项
$('#prov').html('<option>湖南</option><option>湖北</option><option>广东</option>');
//id为act的输入文本框添加placeholder提示:请输入六位密码
$('#act').attr('placeholder','请输入六位密码');
//将id为pwd的元素设置成密码框,并添加placeholder提示:请输入密码
$('#pwd').attr({type: 'password', placeholder: '请输入密码'});
//点击id为btn的按钮时,能跳转到淘宝页面去(action="http://www.taobao.com")
//type="submit"的按钮可以自动的执行表单中的action中指定的路径进行页面跳转
$('form').attr('action','http://www.taobao.com');
$('#btn').attr('type','submit');
//给class为item的元素添加title提示:
//这是必选科目
//弹出form标签中的所有html代码
$('.item').attr('title','这是必选科目');
alert($('form').html());
})
</script>
</head>
<body>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
<select id="prov"></select>
<form action="" method="post">
<input id="act" type="text"/>
<input id="pwd" />
<input id="btn" value="提交" />
</form>
<div class="item">语文</div>
<div class="item">数学</div>
<div class="item">英语</div>
</body>
</html>
7_41李洁.zip
需积分: 5 10 浏览量
2023-10-18
20:45:21
上传
评论
收藏 31KB ZIP 举报
敷衍497
- 粉丝: 0
- 资源: 2