1 - jQuery入门

什么是 jQuery:

jQuery 是一个 JavaScript函数库。

jQuery库包含以下功能:

1、HTML 元素选取
2、HTML 元素操作
3、CSS 操作
4、HTML 事件函数
5、JavaScript 特效和动画
6、HTML DOM 遍历和修改
7、AJAX
8、Utilities

为什么使用 jQuery:

jQuery 是目前最流行的 JS 框架,而且提供了大量的扩展。jQuery 极大地简化了 JavaScript 编程!


HTML中引入jQuery:

<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>

文档就绪事件:

$(document).ready(function(){

});

或者简写为:

$(function(){

});

语法:

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

$("p").hide() - 隐藏所有元素                                   元素选择器

$("p.test").hide() - 隐藏所有class="test"的元素    类选择器

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

更多选择器,请点击 ---> 更多

常见事件:


例子:

$(document).ready(function(){

$("#myid").mouseenter(function(){

alert("您的鼠标移到了 id=myid 的元素上");

});

});

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 通过jQuery,您可以选取(查询,query)HTML元素,并对它们执行“操作”(actions)。 jQuer...
    枇杷树8824阅读 670评论 0 3
  • 选择器选择器是jQuery的核心。 事件 动画 扩展
    wyude阅读 489评论 0 1
  • jQuery 安装 把 jQuery 添加到您的网页 如需使用 jQuery,您需要下载 jQuery 库(会在下...
    Clover园阅读 301评论 0 0
  • 原文链接 http://blog.poetries.top/2016/10/20/review-jQuery 关注...
    前端进阶之旅阅读 16,679评论 18 503
  • 一、样式篇 第1章 初识jQuery (1)环境搭建 进入官方网站获取最新的版本 http://jquery.co...
    凛0_0阅读 3,451评论 0 44