1. Jquery简介
Jquery官网:
http://www.jquery.com/
jQuery是一个JavaScript函数库
jQuery2.0及后续版本将不再支持IE6/7/8浏览器
onload在body加载完毕执行init方法相当于Jquery的$(document).ready(function(){});
chap01/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;
var content = $("#content").val();
alert(content);
}
</script>
</head>
<body>
<input type="text" id="content"/> <input type="button" value="获取内容" onclick="getContent()"/>
</body>
</html>
chap01/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 getContent(){
// var content=document.getElementById("content").value;
var content=$("#content").val();
alert(content);
} */
/* 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简介
jQuery简介、jQuery使用详解、DOM对象与jQuery对象的转换与区别
WEB开发 之 jQuery 简介.docx
Java电商系统+Java学习资料+Java教程第21节+21jQuery简介。
1 jQuery简介 jQuery优势 jQuery安装 jQuery语法 1、jQuery简介 1.1 学习jQuery之前,需要以下基础知识 HTML CSS JavaScript 1、jQuery简介 1.2 什么是jQuery? jQuery是一个JavaScript函数库 轻量级,“写的少,做的...
jQuery 简介 jQuery 库可以通过一行简单的标记被添加到网页中。 您需要具备的基础知识 在您开始学习 jQuery 之前,您应该对以下知识有基本的了解: HTML CSS JavaScript 如果您需要首先学习这些科目,请在我们的 ...
1.2.1 jQuery简介 3 1.2.2 jQuery的优势 4 1.3 jQuery代码的编写 5 1.3.1 配置jQuery环境 5 1.3.2 编写简单的jQuery代码 7 1.3.3 jQuery代码风格 8 1.4 jQuery对象和DOM对象 11 1.4.1 DOM对象和jQuery对象...
引入JQuery简介 找到你了! Jquery对象 代替body标签的onload 事件机制 同一函数实现get\set ajax 渐入淡出 plugin历史版本1、新的事件.on() .off()3、动画的改进1.42版介绍JQuery插件让Dreamweaver支持提示代码功能...
1.2.1 jQuery简介 1.2.2 jQuery的优势 1.3 jQuery代码的编写 1.3.1 配置jQuery环境 1.3.2 编写简单的jQuery代码 1.3.3 jQuery代码风格 1.4 jQuery对象和DOM对象 1.4.1 DOM对象和jQuery对象简介 1.4.2 jQurey对象和...
目前jQuery有1.x和2.x两个主要版本,区别在于2.x移除了对古老的IE 6、7、8的支持,因此2.x的代码更精简。选择哪个版本主要取决于你是否想支持IE 6~8,下文给大分享jquery 简介的相关知识,感兴趣的朋友一起看看吧
学习资料包括: ...1.JQuery简介 2.JQuery语法 3.JQuery选择器 4.JQuery事件 5.JQuery Callback函数 6.JQuery常用函数 另外还有jquery中文参考文档,希望能对想要学习jquery的朋友有所帮助!
【Jquery经典特效2】jQuery个人简介特效页面代码
jQuery 3.1 标准课程第一章 jQuery概述jQuery简介
• jQuery 教程 • jQuery 简介 • jQuery 语法 • jQuery 选择器 • jQuery 事件 • jQuery 效果 • jQuery Callback • jQuery HTML • jQuery CSS • jQuery AJAX • jQuery 实例
jQueryJSBasicsHandout01 jQuery简介-100行代码
练习2:使用jQuery美化英雄联盟简介页.zip,练习2:使用jQuery美化英雄联盟简介页.zip,练习2:使用jQuery美化英雄联盟简介页.zip
js-sketchpad Odin专案的Javascript / jQuery简介专案
资源名称:jQuery、jQuery UI及jQuery Mobile技巧与示例内容简介:《jQuery、jQuery UI及jQuery Mobile技巧与示例》包括jQuery、jQuery UI、jQuery Mobile以及jQuery插件四部分内容。第一部分介绍jQuery核心库,从...
本次在线培训任务 JQuery简介 JQuery语法 JQuery选择器 JQuery事件 JQuery Callback函数 JQuery常用函数 JQuery实现图片预览效果