现在的位置: 首页 > 综合 > 正文

JQuery 简介 原理

2013年07月08日 ⁄ 综合 ⁄ 共 1572字 ⁄ 字号 评论关闭

###jQuery 事件: 选定元素-->绑定动作事件触发-->触发函数function,完成相应动作!

1.Jquery是继prototype之后又一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k)
,它兼容CSS3,还兼容各种
浏览器 (IE
6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。jQuery使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互。

2.jQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需定义id即可。

3.下面是 jQuery 中事件方法的一些例子:

Event 函数 绑定函数至
$(document).ready(function) 将函数绑定到文档的就绪事件(当文档完成加载时)
$(selector).click(function) 触发或将函数绑定到被选元素的点击事件
$(selector).dblclick(function) 触发或将函数绑定到被选元素的双击事件
$(selector).focus(function) 触发或将函数绑定到被选元素的获得焦点事件
$(selector).mouseover(function) 触发或将函数绑定到被选元素的鼠标悬停事件

4.jQuery Callback 函数

当动画 100% 完成后,即调用 Callback 函数。

典型的语法:

$(selector).hide(speed,callback)

callback 参数是一个在 hide 操作完成后被执行的函数。

5.jQuery 是一个 JavaScript 函数库。

jQuery 库包含以下特性:

  • HTML 元素选取
  • HTML 元素操作
  • CSS 操作
  • HTML 事件函数
  • JavaScript 特效和动画
  • HTML DOM 遍历和修改
  • AJAX
  • Utilities

    jQuery HTML 操作 - 来自本页

    函数 描述
    $(selector).html(content) 改变被选元素的(内部)HTML
    $(selector).append(content) 向被选元素的(内部)HTML 追加内容
    $(selector).prepend(content) 向被选元素的(内部)HTML “预置”(Prepend)内容
    $(selector).after(content) 在被选元素之后添加 HTML
    $(selector).before(content) 在被选元素之前添加 HTML

    jQuery CSS 操作

    jQuery 拥有三种用于 CSS 操作的重要函数:

    • $(selector).css(name,value)
    • $(selector).css({properties})
    • $(selector).css(name)
    • jQuery AJAX 请求

      请求 描述
      $(selector).load(url,data,callback) 把远程数据加载到被选的元素中
      $.ajax(options) 把远程数据加载到 XMLHttpRequest 对象中
      $.get(url,data,callback,type) 使用 HTTP GET 来加载远程数据
      $.post(url,data,callback,type) 使用 HTTP POST 来加载远程数据
      $.getJSON(url,data,callback) 使用 HTTP GET 来加载远程 JSON 数据
      $.getScript(url,callback) 加载并执行远程的 JavaScript 文件

      (url) 被加载的数据的 URL(地址)

      (data) 发送到服务器的数据的键/值对象

      (callback) 当数据被加载时,所执行的函数

      (type) 被返回的数据的类型 (html,xml,json,jasonp,script,text)

      (options) 完整 AJAX 请求的所有键/值对选项

抱歉!评论已关闭.