`

JQuery教程---入门

阅读更多

jQuery是一款同prototype一样优秀js开发库类,特别是对css和XPath的支持,使我们写js变得更加方便!如果你不是个js高手又想写出优 秀的js效果,jQuery可以帮你达到目的!

下载地址:Starterkit (http://jquery.bassistance.de/jquery-starterkit.zip

jQuery Downloads (http://jquery.com/src/)

下载完成后先加载到文档中,然后我们来看个简单的例子!

<scriptlanguage="javascript"type="text/javascript">
  $(document).ready(function(){
    $("a").click(function(){
    alert("Helloworld!");
 });
});
<script>

上边的效果是点击文档中所有a标签时将弹出对话框,$("a") 是一个jQuery选择器,$本身表示一个jQuery类,所有$()是构造一个jQuery对象,click()是这个对象的方法,同理$(document)也是一个jQuery 对象,ready(fn)是$(document)的方法,表示当document全部下载完毕时执行函数。

在进行下面内容之前我还要说明一点

 

$("p")和$("#p")的区别

$("p")表示取所有p标签(<p></p>)的元素

$("#p")表示取id为"p"(<span id="p"></span>)的元素.

 

我将从以下几个内容来讲解jQuery的使用:

1:核心部分

2:DOM操作

3:css操作

4:javascript处理

5:动态效果

6:event事件

7:ajax支持

8:插件程序

分享到:
评论

相关推荐

    Jquery教程-pdf

    ### jQuery教程知识点详解 #### 一、什么是jQuery jQuery是一种JavaScript脚本库,它与.NET类库的概念相似:提供了一系列工具方法或对象方法的封装,旨在简化开发者的使用过程。值得注意的是,虽然“库”与“框架...

    jquery 精品教程 -- Learning JQuery

    ### jQuery精品教程 -- Learning JQuery #### 一、简介与背景 《Learning JQuery》是一本针对初学者和进阶用户设计的教程书籍,旨在通过简单易懂的JavaScript技术帮助读者掌握更好的交互设计和网页开发技能。本书...

    JQuery教程-从零开始学习jQuery

    ### JQuery教程:从零开始学习JQuery #### 开天辟地入门篇 ##### 摘要 本篇文章作为系列教程的开端,旨在为初学者提供一个全面了解JQuery的起点。无论你是刚接触编程的新手还是已经有了一定前端经验的开发者,都...

    jQuery经典入门教程

    jQuery经典入门教程,供学习交流,谢谢~

    jQuery使用手册 jquery入门教程

    jquery入门教程 从零开始学习jQuery (一) 开天辟地入门篇 从零开始学习jQuery (二) 万能的选择器 从零开始学习jQuery (三) 管理jQuery 包装集 从零开始学习jQuery (四) 使用jQuery 操作元素的属性与样式 从零开始...

    JQuery教程全集

    在《JQuery教程全集》的第一章中,作者首先阐述了为何选择 JQuery 这个 JavaScript 库。随着 Web 开发技术的发展,JavaScript 的使用变得越来越普遍。然而,在没有库或框架的支持下,编写复杂的 DOM 操作和 AJAX ...

    最新JQuery类库 -- JQuery1.4

    - **官方文档**:首先,通过访问jQuery官方网站(jquery.com)学习最新的API文档和教程。 - **实践项目**:尝试在实际项目中应用jQuery 1.4,实践中掌握其核心概念和用法。 - **插件探索**:了解并使用一些流行的...

    jQuery入门指南教程--是新手最好的选择

    总的来说,jQuery 入门指南教程覆盖了从基本的 DOM 操作到复杂的 AJAX 请求和动画效果,以及插件开发。通过实践这些例子,你将能够熟练地运用 jQuery 编写出高效、简洁的 JavaScript 代码,提高网页开发效率。继续...

    jquery-easyui-1.3

    `readme.txt`通常包含安装指南、快速入门教程等基本信息,对于初次接触EasyUI的开发者来说,是快速上手的好帮手。 `plugins`目录下包含了EasyUI的扩展插件,这些插件扩展了框架的原生功能,例如图表、时间选择器等...

    jquery-10分钟入门

    **jQuery 10分钟入门** 在IT行业中,jQuery是一个广泛使用的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。在短短的10分钟内,我们可以快速了解jQuery的核心概念和基本用法。...

    Learning jQuery - Fourth Edition

    - 初学者:希望通过一本全面的教程来快速入门jQuery。 - 进阶用户:想要进一步提升自己的jQuery技能,学习更高级的用法。 - Web开发人员:希望使用jQuery来优化现有项目的交互性和用户体验。 - 教育工作者:寻找合适...

    jQuery 入门经典教程

    **jQuery 入门经典教程** jQuery 是一个广泛应用于前端开发的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。这个经典教程将带你深入理解jQuery的核心概念,帮助你快速上手并...

    jqueryAPI-1.4

    《jQuery API 1.4 入门指南及深入解析》 jQuery API 1.4 是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画和Ajax交互等任务。本教程将深入探讨这个版本的jQuery API,帮助开发者们更好地...

    jQuery入门篇-必读教程

    **jQuery入门篇** jQuery是一个广泛使用的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。自2006年发布以来,jQuery已经成为了前端开发的标准工具之一,尤其对于初学者来说,它...

    Java学习资料整理-初学者入门学习不迷茫-供大家学习研究参考

    这部分的学习,主要给大家推荐w3cschool:w3school 在线教程JavaScript学习:慕课网上的JavaScript入门篇JavaScript入门篇-JavaScript入门视频教程-慕课网慕课网上的JavaScript进阶篇JavaScript进阶篇_JavaScript...

    jQuery经典入门教程_绝对详细

    **jQuery经典入门教程** jQuery是一款高效、简洁的JavaScript库,它极大地简化了JavaScript代码的编写,使得网页交互变得更加简单和直观。这篇教程将带你走进jQuery的世界,了解其基本概念、核心功能以及常见应用。...

    jQuery Starterkit

    **jQuery中文入门教程** 在压缩包中的"jQuery中文入门教程_译自Getting Started with jQuery.htm"文件,是jQuery官方入门指南的中文翻译版本。这份教程将引导读者了解jQuery的基本用法,包括如何选择和操作DOM元素、...

    Jquery从入门到精通

    在"jquery-easyui-中文培训文档.pdf"中,你可以找到关于如何使用EasyUI的详细教程。 1. **组件使用**: EasyUI包含表格、对话框、下拉框、按钮等多种组件,如`&lt;div class="datagrid" id="dg"&gt;&lt;/div&gt;`定义了一个数据...

    JavaScript之提升篇-Jquery经典入门教程

    本教程将深入探讨JavaScript的基础与提升,特别是结合jQuery的经典入门知识。 一、JavaScript基础 1. 变量与数据类型:JavaScript支持var、let和const三种声明变量的方式,数据类型包括基本类型(如字符串、数字、...

Global site tag (gtag.js) - Google Analytics