趁着项目组还没给我分配活，学习点jquery。以后都要用，先学习学习。
jquery是一个javascript库。可以简化javascript 的操作。jquery的口号是：write less ,do more.
这是我写的第一个代码：
jquery1.html
<html>
<head>
<script type = "text/javascript" src = "../jquery/jquery.js"></script>
<script type = "text/javascript" src = "1.js"></script>
</head>
<body>
<div id="div1"> click me </div>
</body>
</html>
1.js
$(document).ready(function(){
$("div").click(function(){
$(this).html(" hello everyone!<br/> the text has change");
});
});
记得要在本目录的上层目录jquery下引入jquery.js才能使用jquery。
document 是 DOM 对象，使用$()，将document转换成jquery对象。
所有的DOM对象都可以使用$()转换成jquery对象。
在javascript中触发的一般是事件，例如:onclick事件，在jquery中一般是函数，如：lick()函数。
$("div") 会获得页面上标签是div的DOM。是一个集合。
所有的jquery函数都是放在这个函数里面。
$(document).ready(function(){
--- jQuery functions go here ----
});
$(document).ready()为文档就绪函数。防止在文档在完全加载就绪之前就运行jquery函数，引起错误。
jquery选择器有：
1.$("p") 选择所有<p>元素。
2.$("#userName") 选择 id = userName 的第一个元素。id也肯能重复。
3.$(".userName") 选择 class = userName 的所有元素。
未完待续...
分享到：
相关推荐
JQuery十个适合初学者实例--对初学Jquery的朋友来说还是不错了，通过实例学习，当初我自己就是通过这个学习了Juery，希望对你也有用处。JQuery第一课-tab标签页、JQuery第二课-多张图的无缝滚动、JQuery第三课-图片...
### Jquery学习初学教程知识点总结 #### 一、JQuery简介 JQuery是一个轻量级的JavaScript库，它的设计目标是简化HTML文档遍历、事件处理、动画以及Ajax交互等操作，使得开发者能够“write less, do more”，即用更...
初学jQuery的朋友，基本上都会问同一个问题“什么是jQuery？”等类似的问题，理解这个问题对于后面的学习会起到促进作用。以下是我整理出的大家常问的几个问题： 1. 什么是jQuery？ 2. 什么是类库？ 3. jQuery与...
jquery阻止冒泡的所有方法，适合初学jquery者，是一篇很好的学习文稿
但但ASP的网站却很多，因此对于学习使用ASP的人来说，有个现成的例子（尤其对于初学jquery的人来说）则十分有必要。因此，本人纯手写了一个asp+ajax(jquery)的例子，送给用ASP来做网站的朋友们以为参考。
**jQuery初学者指南** jQuery是一个广泛使用的JavaScript库，它极大地简化了HTML文档遍历、事件处理、动画制作和Ajax交互。对于初学者来说，掌握jQuery的基本用法是迈向Web开发进阶的重要一步。本篇文章将重点讲解...
HTML5和jQuery是现代网页开发中的重要技术，尤其对于初学者来说，它们是构建交互式网页和游戏的基础。本教程的"最简单的html5+jquery游戏程序初学必选"是一个理想的学习起点，旨在帮助新手快速掌握这两项技术在游戏...
在“我的小Demo各种案例”这个压缩包中，包含了作者初学编程时制作的各种实践示例，主要涉及了几个关键的技术点：省市区三级联动无刷新、初学Jquery的应用以及Excel的上传功能。下面将对这些知识点进行详细的阐述。 ...
- **Grant Palin**（Blogger）：对于初学jQuery的人来说，这本书涵盖了框架的常见用途，示例贴近实际，便于理解和学习。 - **Rich Strahl**（Blogger）：本书内容丰富、条理清晰，能够让读者轻松快速地掌握jQuery的...
这个106个实例代码集专为jQuery初学者设计，旨在帮助初学者快速掌握jQuery的核心概念。 **jQuery选择器** jQuery的选择器是其强大功能的关键所在。"jQ学习第一季"可能涵盖了ID选择器（如`$("#id")`）、类选择器...
《jQuery初学实例代码集》是一份专门为初学者设计的学习资源，它包含了丰富的实例代码，旨在帮助初学者快速掌握jQuery的基本用法和常见操作。jQuery是一个高效、简洁的JavaScript库，它极大地简化了JavaScript的DOM...
**jQuery初学代码集** jQuery是一款广泛应用于网页开发的JavaScript库，它简化了HTML文档遍历、事件处理、动画设计和Ajax交互等任务。对于初学者而言，掌握jQuery能够极大地提高开发效率，让复杂的JavaScript代码变...
### 15天学会jQuery初学 #### 第0天：认识jQuery - **What**：jQuery是一个优秀的JavaScript库，能够让我们仅用少量的代码就能创造出美观的页面效果。它的出现让JavaScript变得更加有趣和易于使用。 - **Why**：...
**jQuery初学实例代码集详解** jQuery是一款广泛应用于Web开发的JavaScript库，它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。这个"jQuery初学实例代码集"是一个非常适合初学者的资源，它...
初学者应该尝试自己动手编写简单的JavaScript程序和使用jQuery实现动态效果，这样不仅可以巩固理论知识，还能提升实际操作能力。在遇到问题时，可以参考笔记或搜索相关资料，不断迭代和改进代码，逐步成为一名熟练的...
**jQuery初学者必读** jQuery是一款非常流行的JavaScript库，它极大地简化了JavaScript代码，使得网页交互变得更加简单。对于初学者来说，理解并掌握jQuery的基本概念和常用方法是至关重要的。 ### 1. jQuery简介 ...
《jQuery初学指南》 jQuery，作为一款强大的JavaScript库，为网页开发提供了便捷的DOM操作、事件处理、动画设计和Ajax交互。对于初学者来说，理解并掌握jQuery的基本概念和用法是至关重要的。以下是对jQuery核心...