袁奇生

To always face my adversity head on.

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::

一、什么叫jquery

  jquery是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架),Query设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。

  jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。 [1]

二、jquery语法

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

    2.1.1 $符号定义jquery。

      2.1.1.1 $就是jquery对象

      2.1.1.2 $就是jquery选取元素是符号。

      2.1.1.3 $就是jquery功能函数的前缀。

    2.1.2 选择符(selector)“查询”和“查找”html元素。

    2.1.3 jquery的action()执行对元素的操作。

    例如:$('input').click(function(){

          alert('jquery就这么简单!');

        })

  2.2 document.ready()与window.onload的区别

    2.2.1 Jquery中的$(document).yeady()的作用类似于传统的JavaScript的window.onload方法,但与window.onload方法还是有一定的区别。

      2.2.1.1 $(function(){})与$(document).ready(function(){})这两个方法效果都是一样的,都是在dom文档树加载完后执行一个函数。

      2.2.1.2window.onload必须等到页面内容包括图片加载完毕后才执行;而$(document).ready()是dom结构加载完毕后就执行。

      2.2.1.3window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个;而$(document).ready()可以编写多个,并能全部得到执行。

三、先下载jquery-3.4.1.js文件

  在html中引入<script src="jquery-3.4.1.js"></script>

posted on 2020-01-31 17:04  逼近精进  阅读(156)  评论(0编辑  收藏  举报