jQuery简介及简单语法

什么是 jQuery ?

jQuery是一个JavaScript函数库。

jQuery是一个轻量级的"写的少,做的多"的JavaScript库。

jQuery库包含以下功能:

  • HTML 元素选取
  • HTML 元素操作
  • CSS 操作
  • HTML 事件函数
  • JavaScript 特效和动画
  • HTML DOM 遍历和修改
  • AJAX
  • Utilities

提示: 除此之外,Jquery还提供了大量的插件。


为什么使用 jQuery ?

目前网络上有大量开源的 JS 框架, 但是 jQuery 是目前最流行的 JS 框架,而且提供了大量的扩展。

很多大公司都在使用 jQuery, 例如:

  • Google
  • Microsoft
  • IBM
  • Netflix

jQuery 安装


网页中添加 jQuery

可以通过多种方法在网页中添加 jQuery。 您可以使用以下方法:

  • 从 jquery.com 下载 jQuery 库
  • 从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery

下载 jQuery

有两个版本的 jQuery 可供下载:

  • Production version - 用于实际的网站中,已被精简和压缩。
  • Development version - 用于测试和开发(未压缩,是可读的代码

引用jQuery 文件:

<head>

<script src="jquery-1.10.2.min.js"></script>

</head>

扫描二维码关注公众号,回复: 8894433 查看本文章

 

jQuery 语法


通过 jQuery,您可以选取(查询,query) HTML 元素,并对它们执行"操作"(actions)。

jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。

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

  • 美元符号定义 jQuery
  • 选择符(selector)"查询"和"查找" HTML 元素
  • jQuery 的 action() 执行对元素的操作

实例:

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

  • $("p").hide() - 隐藏所有 <p> 元素

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

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

文档就绪函数

在jQuery操作文档的时候,我们需要整个网页加载完成以后再去掉用方法,这个时候就需要调用window.onload这个事件,但是在jQuery里面,它有一个专门的函数用来处理这个事件,我们叫文档就绪函数

$(document).ready(function(){
    //整个文档加载完成以后,会自动的执行里面的代码
});
//上面的代码相当于下面的代码
window.onlaod=function(){
    
}

文档就绪函数经常会使用,但是上面的操作也算复杂,这个时候jQuery提供了一种简单的文档就绪函数写法

$(function(){   //代表文档就绪 });

以后所有的jQuery代码基本上都要写在文档就绪函数里面

 

发布了65 篇原创文章 · 获赞 12 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/sereasuesue/article/details/100551764
今日推荐