温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

jQuery入门学习之安装及语法

发布时间:2020-07-23 05:48:51 来源:网络 阅读:385 作者:oulafen 栏目:web开发


说明


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


向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI