趁着项目组还没给我分配活,学习点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 #### 1.1 jQuery简介 jQuery自2006年由John Resig创建以来,迅速成为最受欢迎的JavaScript库之一。它以其简洁、高效的特点赢得了广大开发者的青睐。jQuery的核心优势在于简化了...
JQuery十个适合初学者实例--对初学Jquery的朋友来说还是不错了,通过实例学习,当初我自己就是通过这个学习了Juery,希望对你也有用处。JQuery第一课-tab标签页、JQuery第二课-多张图的无缝滚动、JQuery第三课-图片...
初学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初学者下载资源知识点解析 #### 一、引言与概述 ##### 1.1 jQuery简介 - **定义**:jQuery是一个免费开源的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等操作,极大地提高了前端...
《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核心...