web前端:松软科技课堂:jQuery 语法

    作者:施少壮 更新于: 2020-03-29 14:24:24

    Web开发

      运行jQuery所需的条件很简单:一台计算机、一个智能电话或一个可以运行现代浏览器的设备。jQuery对浏览器的要求也相当自由。jQuery的选择机制构建于Css的选择器,它提供了快速查询DOM文档中元素的能力,而且大大强化了Javascript中获取页面元素的方式。

      jQuery语法

      jQuery语法是为HTML元素的选取编制的,可以对元素执行某些操作。

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

      1美元符号定义jQuery

      2选择符(selector)“查询”和“查找”HTML元素

      3jQuery的action()执行对元素的操作

      示例

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

      $("p").hide()-隐藏所有段落

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

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

      提示:jQuery使用的语法是XPath与CSS选择器语法的组合。在本教程接下来的章节,您将学习到更多有关选择器的语法。

      文档就绪函数

      您也许已经注意到在我们的实例中的所有jQuery函数位于一个documentready函数中:

      $(document).ready(function(){

      ---jQueryfunctionsgohere----

      });

      这是为了防止文档在完全加载(就绪)之前运行jQuery代码。

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

      1试图隐藏一个不存在的元素

      2获得未完全加载的图像的大小

      AJAX是异步的JavaScript和ML的简称,可以开发出非常灵敏无刷新的网页,特别是开发服务器端网页时,比如php网站,需要往返地与服务器通信,如果不使用AJAX,每次数据更新不得不重新刷新网页,而使用AJAX特效后,可以对页面进行局部刷新,提供动态的效果。

课课家教育

未登录