jQuery入门学习之安装及语法


说明


jQuery 是一个 JavaScript 函数库,可大大简化JavaScript编程。

主要用于

  • HTML 元素选取

  • HTML 元素操作

  • CSS 操作

  • HTML 事件函数

  • JavaScript 特效和动画

  • HTML DOM 遍历和修改

  • AJAX

  • Utilities


安装


方案一:下载jQuery-->把jQuery添加到网页

两个版本的 jQuery 可供下载:

  • Production version - 用于实际的网站中,已被精简和压缩。

  • Development version - 用于测试和开发(未压缩,是可读的代码)

    下载地址http://jquery.com/download/

添加到网页的方法:使用 HTML 的 <script> 标签在<head>部分引用即可。

方案二通过 CDN(内容分发网络) 引用它

谷歌和微软的服务器都存有 jQuery 。引用方法如下:

Microsoft CDN:

<head><script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script></head>

Google CDN:

<head><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script></head>

使用谷歌或微软的 jQuery,有一个很大的优势:可提高加载速度,减少加载时间。



语法


jQuery 语法是为 HTML 元素的选取编制的,可以对元素执行某些操作。

基础语法是:$(selector).action()

  • 美元符号定义 jQuery

  • 选择符(selector)“查询”和“查找” HTML 元素

  • jQuery 的 action() 执行对元素的操作

示例:

       $(this).hide() - 隐藏当前元素

       $("p").hide() - 隐藏所有段落

       $(".test").hide() - 隐藏所有 class="test" 的所有元素

       $("#test").hide() - 隐藏所有 id="test" 的元素


为了防止文档在完全加载(就绪)之前运行 jQuery 代码,所有 jQuery 函数位于 document ready 函数中:

$(document).ready(function(){--- jQuery functions go here ----});

还在不断学习中,更多学习可参看http://www.w3school.com.cn/jquery


郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。