发表于: 2019-05-16 19:33:02

1 805


今天完成的事情:

1.学习jQuery

2.学习浏览器的本地存储

3.继续学习JavaScript高级程序设计

明天计划的事情:

1.继续学习jQuery

2.继续js任务3

3.继续学习JavaScript

遇到的问题:

暂无

收获:

1.什么是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 团体知道JS在不同浏览器中存在着大量的兼容性问题,目前jQuery兼容于所有主流浏览器, 包括Internet Explorer 6!


2.jQuery 语法

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

    jQuery 语法

              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 函数位于一个 document ready 函数中:

$(document).ready(function(){   // 开始写 jQuery 代码... });

这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码,即在 DOM 加载完成后才可以对 DOM 进行操作。

如果在文档没有完全加载之前就运行函数,操作可能失败。下面是两个具体的例子:

  • 试图隐藏一个不存在的元素
  • 获得未完全加载的图像的大小

提示:简洁写法(与以上写法效果相同):

$(function(){   // 开始写 jQuery 代码... });

以上两种方式你可以选择你喜欢的方式实现文档就绪后执行 jQuery 方法。



返回列表 返回列表
评论

    分享到