您的位置：首页 > Web前端 > JQuery

Jquery<1>认识Jquery

2014-12-17 16:00 260 查看

Jquery 简介
http://www.jquery.com/
jQuery 是一个 JavaScript 函数库；

功能强悍；

jQuery2.0 及后续版本将不再支持 IE6/7/8 浏览器；

所以我们变使用1.x的版本支持xp

Jquery 的引入；

demo01.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="../js/jquery-1.11.0.js"></script>
<script type="text/javascript">
function getContent(){
//传统方法;
//var content=document.getElementById("content").value;
//Jquery方法;
var content=$("#content").val();
alert(content);
}
</script>
</head>
<body>
<input type="text" id="content"/>  <input type="button" value="获取内容" onclick="getContent()"/>
</body>
</html>

demo02.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="../js/jquery-1.11.0.js"></script>
<script type="text/javascript">
/* //传统办法;
function init(){
document.getElementById("actionButton").onclick=function(){
var content=document.getElementById("content").value;
alert(content);
}
} */
$(document).ready(function(){
$("#actionButton").click(function(){
alert($("#content").val());
});
});
</script>
</head>
<body>
<input type="text" id="content" />  
<input type="button" id="actionButton" value="获取内容"/>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航

Jquery&lt;1&gt;认识Jquery

Jquery<1>认识Jquery