jquery基本的用法
来源:互联网 发布:交换机端口绑定ip地址 编辑:程序博客网 时间:2024/05/16 19:46
1.布局:
<body>
<p id="text1">设置文本测试</p>
<p id="text2">设置html内容</p>
<p>user name :<input type="text" id="text3" /></p>
<button id="btn1" >设置文本</button>
<button id="btn2">设置html</button>
<button id="btn3">修改text值</button>
</body>
2.js函数
<script type="text/javascript" >
$(document).ready(function () {
$("#btn1").click(function () {
$("#text1").text("jquery的text赋值");
});
$("#btn2").click(function () {
$("#text2").html("html的赋值");
})
$("#btn3").click(function () {
$("#text3").val("检查用户名");
})
});
</script>
3.全部html
<!DOCTYPE html>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<script src="Script/jquery-1.7.1.js"></script>
<script type="text/javascript" >
$(document).ready(function () {
$("#btn1").click(function () {
$("#text1").text("jquery的text赋值");
});
$("#btn2").click(function () {
$("#text2").html("html的赋值");
})
$("#btn3").click(function () {
$("#text3").val("检查用户名");
})
});
</script>
</head>
<body>
<p id="text1">设置文本测试</p>
<p id="text2">设置html内容</p>
<p>user name :<input type="text" id="text3" /></p>
<button id="btn1" >设置文本</button>
<button id="btn2">设置html</button>
<button id="btn3">修改text值</button>
</body>
</html>
- jQuery的基本用法
- Jquery的基本用法
- jquery的基本用法
- jQuery的基本用法
- jquery基本的用法
- jQuery的基本用法
- JQuery的基本用法
- jQuery的基本用法
- jQuery的基本用法
- Jquery-zTree的基本用法
- Jquery-zTree的基本用法
- Jquery-zTree的基本用法
- Jquery-zTree的基本用法
- Jquery-zTree的基本用法 .
- Jquery-zTree的基本用法
- Jquery-zTree的基本用法
- Jquery-zTree的基本用法
- Jquery-zTree的基本用法
- 数据库的索引
- EventBus
- ARC(二) ARC规则
- POJ3268-Silver Cow Party
- Java基础之switch类型转换
- jquery基本的用法
- 第一章.(2)对象导论之访问控制权限修饰词的铺垫[小知识点]
- 矩阵快速幂(NYOJ 148 fibonacci数列(二), POJ 3233 Matrix Power Series, hdu 2157 How many ways??)
- 【杭电-oj】-1013-Digital Roots(把一个数的每一位拆开相加直到和小于10)
- 2016.07.18【初中部 NOIP普及组 】模拟赛题目
- background-position属性用法
- 面试题:阐述Handler的实现原理
- ZOJ3209 Treasure Map(Dancing Links)
- CodeForces 589B Layer Cake