html——jQuery练习题1
来源:互联网 发布:软件怎么申请专利 编辑:程序博客网 时间:2024/06/15 02:47
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>当用户点击按钮时将页面上普通文本文字"PHP小镇"包装成带超链接功能的链接文字</title>
<script type="text/javascript" src="src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("#btn").click(function(){
$("#j1").wrapInner("<a href='http://www.phptown.net' target='_blank'></a>");
});
});
</script>
<style>
div{width:200px;height:50px;background: #dfdfef; line-height: 50px; text-align: center;margin: 8px;}
</style>
</head>
<body>
<input type="button" id="btn" value="包装" />
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>当用户点击按钮时将页面上普通文本文字"PHP小镇"包装成带超链接功能的链接文字</title>
<script type="text/javascript" src="src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("#btn").click(function(){
$("#j1").wrapInner("<a href='http://www.phptown.net' target='_blank'></a>");
});
});
</script>
<style>
div{width:200px;height:50px;background: #dfdfef; line-height: 50px; text-align: center;margin: 8px;}
</style>
</head>
<body>
<input type="button" id="btn" value="包装" />
<div id="j1">PHP小镇</div>
</body>
</html>阅读全文
0 0
- html——jQuery练习题1
- html——jQuery练习题2
- html——jQuery练习题3
- Jquery练习题—实现分组添加功能
- HTML 练习题
- Jquery练习题
- jquery 练习题
- jquery-练习题
- 庞果网练习题——-3+1
- c语言练习题——基础1
- 上机练习题——异常处理1
- 上机练习题——异常处理1
- 第九章 练习题 9—1
- 练习题——继承
- 上机练习题—继承
- Web编程入门经典——HTML,XHTML,和CSS(第一章 练习题)
- Web编程入门经典——HTML,XHTML,和CSS(第二章 练习题)
- html、css、javaScript练习题
- python文件操作详解
- React Native 原生RN嵌套webView,并自适应高度
- 机器学习-->集成学习-->Bagging,Boosting,Stacking
- final finalize finally的区别
- iOS 使用MBProgressHUD,显示时禁止用户交互方法
- html——jQuery练习题1
- HDU-5934 Bomb(强连通分量缩点)
- 解决Request method 'GET' not supported问题
- 【Socket编程】Tcp连接中accept生成新socket与监听socket的区别
- linux下ADC驱动(AD7606)
- dbcp数据源配置杂谈
- 从今天开始写会不会太晚
- 监听CheckBox是否被选中
- javaweb中文乱码问题及解决办法