1.首先去下个JQuery.js文件。在www.jquery.com上download.有两个版本,min的那个是被压缩的(不是给人看的,是给机器看的……),一般是项目发布时候用的,那个200多kb的是开发时候用的,个人建议开发的,jquery出现问题也可以去找,那个min版本的没法看;
2.写个html或者jsp格式的文件也可以
3.先导入jquery.js文件
<script type="text/javascript" src="jquery-1.7.1.js"></script>
4.写个单击事件操作
1>假如有4个超链接:
<a href="#">try1</a><br>
<a href="#">try2</a><br>
<a href="#">try3</a><br>
<a href="#">try4</a><br>
2>写个Javascript来处理onclick事件
如果不用jquery的话
<script type="text/javascript">
window.onload=function()
{
var mylinks=document.getElementsByTagName("a");
for(var i=0; i<mylinks.length;i++)
{
mylinks[i].onclick=function()
{
alert("hello world!");
}
}
}
</script>
用jquery的话:
<script type="text/javascript">
$(document).ready(function()
{
$("a").click(function()
{
alert("Hello World!");
});
});
</script>
$是用来把document造型的,造型成jquery.js的对象。ready是它的一个方法。再把一个匿名函数做为参数传进去。("a")选择器……
在浏览器打开就可以看到效果……
onload执行的时间比Ready晚,onload实在dom对象解析完后执行,而Ready在dom关系还没固定就执行了,这样比较好的进行对dom结构进行修改……
总结:
它的特点:
能实现各种动态效果,能完成异步调用;
选择器写法灵活方便;
处理了浏览器的兼容问题,方便我们实现功能;
代码写法简洁,功能完善;
JQuery的广告语是:write less,do more
分享到:
相关推荐
【标题】:“jQuery笔记1” 这篇笔记主要围绕jQuery这一广泛使用的JavaScript库展开,重点讨论了其在网页交互和用户界面动态化方面的应用。jQuery简化了DOM操作、事件处理、动画制作以及Ajax交互等多个方面,使得...
JS-Ajax-jQuery笔记,学习笔记,JavaScript,JS-Ajax-jQuery笔记,学习笔记,JavaScript,
本笔记主要探讨 jQuery 的基本选择器和层次选择器,这些是 jQuery 中最基础也是最常用的功能。 ### 一、基本选择器 1. **ID 选择器**:通过元素的 `id` 属性来定位特定的元素。使用 `$("#id")` 的形式,例如 `$("#...
**jQuery 学习笔记总结** jQuery 是一个广泛使用的 JavaScript 库,它简化了网页文档对象模型(DOM)操作、事件处理、动画制作以及Ajax交互。本篇笔记将深入探讨 jQuery 的核心概念,包括选择器、常用方法以及在...
1. **简化JavaScript代码**:jQuery 提供了一套丰富的API,使得操作DOM、添加事件监听器、创建动画变得异常简单。 2. **CSS式的元素选择**:类似于CSS的选择器,jQuery可以轻松地选取页面上的特定元素,如通过类名、...
jQuery基础教程笔记jQuery基础教程笔记jQuery基础教程笔记jQuery基础教程笔记
《jQuery学习笔记详解》 jQuery 是一款强大的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。本笔记基于一年的学习经验,涵盖了基础到进阶的知识点,旨在帮助初学者快速掌握...
首先,我们来看看"韩顺平AJAX和jQuery笔记整理.doc"。AJAX(Asynchronous JavaScript and XML)是一种创建动态网页的技术,而jQuery对AJAX提供了出色的封装,使得异步数据交换变得更加简单。在这个文档中,你将了解...
完整Jquery笔记总结,xmind思维导图文档,可以下载查看。
从给定的文件信息中,我们可以提炼出关于jQuery的一些核心知识点和使用技巧,这将帮助初学者和进阶用户更好地理解和应用jQuery库。 ### jQuery简介与安装 jQuery是一款流行的JavaScript库,它简化了HTML文档遍历、...
### jQuery核心知识点详解 #### 一、jQuery简介与优势 **定义**: - **框架**:框架是指一种软件设计模式,提供了一套解决方案的基础结构。简单来说,就是使用最基本的编程语言,封装了一系列常用功能(方法),...