Ajax的简介
什么是 AJAX ？
AJAX = 异步 JavaScript 和 XML。
AJAX 是一种用于创建快速动态网页的技术。
通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。
有很多使用 AJAX 的应用程序案例：新浪微博、Google 地图、开心网等等。
一.jsp页面中导入Ajax
<script type="text/javascript" src="jquery-1.7.1.js"></script>//src中是jQuery的位置
一般将jQuery包放在项目中的webapp中
jsp页面中使用Ajax，使用script标签
<script></script>
中写ajax语句.
jQuery选择器
jQuery 使用 CSS 选择器来选取 HTML 元素。
$("p") 选取 <p> 元素。
$("p.intro") 选取所有 class="intro" 的 <p> 元素。
$("p#demo") 选取所有 id="demo" 的 <p> 元素。
jQuery 属性选择器
jQuery 使用 XPath 表达式来选择带有给定属性的元素。
$("[href]") 选取所有带有 href 属性的元素。
$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。
$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。
$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。
| 语法 | 描述 |
|---|---|
| $(this) | 当前的html元素 |
| $(“p”) | 当前所有的<p>元素 |
| $(“p.intro”) | <p>元素下面所有class="intro"的元素 |
| $(".intro") | 所有class="intro"的元素 |
| $("#intro") | 所有id="intro"的元素 |
| $(“ul li:first”) | 每个<ui>下面的第一个<li>元素 |
jQuery事件函数
jQuery 事件处理方法是 jQuery 中的核心函数。
事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。术语由事件“触发”（或“激发”）经常会被使用
<%--这段代码写了一个button时间的按钮，当点击按钮时，所有<p>标签就会隐藏--%>
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button type="button">Click me</button>
</body>
</html>
2292
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
