jquery

最新推荐文章于 2025-08-10 19:50:19 发布

原创最新推荐文章于 2025-08-10 19:50:19 发布 · 356 阅读

CC 4.0 BY-SA版权

文章标签：

#jquery #javascript #框架 #api #html #class

目标
   了解 jQuery 框架
   下载和使用 jQuery 框架
   掌握 jQuery 框架的选择器
   学习常用的 jQuery API 方法
   扩展 jQuery 的使用

1、了解 jQuery 框架
   jQuery 是一套简化 javaScript 开发的工具库。仿照
CSS 的语法，创建自己一套 jQuery 对象，可以调用自己
的 API ，完成 HTML 页面中大部分的操作。

   www.jquery.com

   是 2006 年一个火狐浏览器公司的程序员开发的一套
工具库，叫 jQuery ，可以允许所有程序员扩展--
jquery plugin 、jquery UI、jquery mobil 。
核心的 juqery Core

2、下载和使用 jQuery 框架
   www.jquery.com
   http://jquerymobile.com/

   $("p.neat").addClass("ohmy").show("slow");


   下载：
    进入首页，选择生产版本，点击下载按钮，保存
    jquery-1.5.2.min.js

   使用
    新建 html 页面，在 <head> 标签中引用
    <script src="/js/jquery-1.5.2.min.js"></script>

3、掌握 jQuery 框架的选择器
   1、改变页面的文字
   2、改变页面的图片
   3、改变页面样式
   4、增加动画特效


   jQuery 完全模仿 CSS 的选择器，进行 HTML 标签的查询。
   ID 选择器
      <span id="msg" ></span>
    $("#msg")

   类别选择器
      <span class="msg" ></span>
    <p class="msg" ></p>
      $(".msg")   可能会选择多个标签

   元素选择器
     <p ></p>
    $("p")

   jQuery 中的对象----$()   能够把所有的 javaScript
对象转化为 jQuery 对象。
   两种对象的区别：能够调用各自 API 中定义的方法。
jQuery 的方法比 DOM API 中的方法简单。
      javaScript                        jQuery
   document.getElementById("user") == $("#user")


4、学习常用的 jQuery API 方法