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 是一款非常流行的 JavaScript 库，由 John Resig 创建，它以其简洁高效的设计理念——“WRITE LESS, DO MORE”而受到广泛赞誉。jQuery 的目标是简化 JavaScript 开发，使得开发者可以更轻松...
Java电商系统+Java学习资料+Java教程第21节+21jQuery简介。
首先，我们从jQuery的简介开始。jQuery是由John Resig于2006年创建的，其目标是“write less, do more”。jQuery的核心理念是提供一个简洁的API，使得开发者可以更高效地处理页面中的元素选择、事件绑定和动态效果。...
1 jQuery简介 jQuery优势 jQuery安装 jQuery语法 1、jQuery简介 1.1 学习jQuery之前，需要以下基础知识 HTML CSS JavaScript 1、jQuery简介 1.2 什么是jQuery? jQuery是一个JavaScript函数库 轻量级，“写的少，做的...
#### 一、jQuery简介与特点 **1.1 jQuery定义与背景** - **定义**: jQuery是一款轻量级的JavaScript类库，它简化了HTML文档遍历、事件处理、动画以及Ajax交互等多种操作。 - **背景**: 随着互联网的发展，...
jQuery 是一个广泛应用于 Web 开发中的 JavaScript 库，它的出现极大地简化了 JavaScript 代码的编写，使得网页交互和动态效果的实现变得更加简单高效。jQuery 的核心理念是“Write Less, Do More”，即用更少的代码...
jQuery简介 jQuery是由John Resig创建的一个JavaScript库，其主要目标是简化JavaScript的DOM操作、事件处理、动画效果和Ajax交互。通过jQuery，开发者可以以更少的代码实现更多的功能，提高开发效率。 ### 2. ...
### jQuery简介与安装 jQuery是一款流行的JavaScript库，它简化了HTML文档遍历、事件处理、动画以及与Ajax的交互等操作。在安装jQuery时，可以通过多种方式获取其文件，包括从官方网站...
1. **jQuery简介** jQuery是一个轻量级的JavaScript库，它极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。它的API设计易于理解和使用，使得开发者能够用更少的代码实现更多的功能，提高了开发...
一、jQuery简介 jQuery是由John Resig创建的一个轻量级、高性能的JavaScript库，它的主要目标是简化HTML文档遍历、事件处理、动画效果和Ajax交互。jQuery 1.5.1是其历史上的一个重要版本，它在1.5的基础上进行了多项...
一、jQuery简介 jQuery是由John Resig在2006年创建的一个轻量级的JavaScript库，它的核心理念是“Write Less, Do More”。jQuery通过提供简洁的API，使得开发者能够以更少的代码实现更多的功能，降低了JavaScript...
jQuery 简介 jQuery 是一个广泛应用于网页开发的 JavaScript 库，它的出现极大地简化了JavaScript编程，使得开发者能够更高效地实现丰富的交互效果和动态功能。jQuery 的核心理念是“Write Less, Do More”，即用更...
一、jQuery简介 jQuery是由John Resig开发的开源JavaScript库，其主要目标是简化JavaScript的DOM操作，同时提供丰富的事件处理、动画效果和Ajax交互。jQuery的命名源自"JavaScript"和"Quirksmode"的组合，意在解决...
一、jQuery简介 jQuery由John Resig在2006年创建，其核心理念是"Write Less, Do More"。它通过提供简洁的API，让JavaScript编程变得更加简单。jQuery支持多种浏览器，包括IE6及更高版本，以及Firefox、Chrome、...
一、jQuery简介 jQuery是由John Resig于2006年创建的，它简化了DOM操作、事件处理、动画效果和Ajax交互等任务。jQuery的核心理念是"Write Less, Do More"，通过简洁的语法，让复杂的JavaScript任务变得简单易行。 ...
- jQuery简介及其核心理念。 - 如何使用jQuery简化常见的JavaScript任务。 - jQuery选择器详解。 2. **核心功能讲解**： - DOM操作技巧，包括添加、删除和修改元素。 - CSS类操作方法。 - 动画效果和jQuery UI...
一、jQuery简介 jQuery是由John Resig在2006年创建的一个开源JavaScript库，它的目标是“Write Less, Do More”。jQuery简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务，极大地提高了前端开发效率。 二...
jQuery简介 jQuery是由John Resig在2006年创建的一个JavaScript库，其核心理念是“Write Less, Do More”。jQuery极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。它使得JavaScript编程变得更加...
jQuery简介 - **定义**：jQuery是一个快速、简洁的JavaScript库，简化HTML文档遍历、事件处理、动画以及Ajax交互等操作。 - **优点**： - 易于学习：提供了一套简单易用的API接口。 - 跨浏览器兼容性：能够很好地...