成都网站建设设计

将想法与焦点和您一起共享

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 的

Google CDN:

使用谷歌或微软的 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



本文题目:jQuery入门学习之安装及语法
浏览路径:http://chengdu.cdxwcx.cn/article/ijiios.html