• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >jquery > 翻译整理的jQuery使用查询手册

翻译整理的jQuery使用查询手册

作者: 字体:[增加 减小] 来源:互联网

通过本文主要向大家介绍了翻译整理的jQuery使用查询手册等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
翻译整理:Young.J
官方网站:
http://jquery.com

    jQuery是一款同prototype一样优秀js开发库类,特别是对css和XPath的支持,使我们写js变得更加方便!如果你不是个js高手又想写出优 秀的js效果,jQuery可以帮你达到目的!
   下载地址:Starterkit (
http://jquery.bassistance.de/jquery-starterkit.zip)
                       jQuery Downloads (
http://jquery.com/src/)

   下载完成后先加载到文档中,然后我们来看个简单的例子!

     上边的效果是点击文档中所有a标签时将弹出对话框,$("a") 是一个jQuery选择器,$本身表示一个jQuery类,所有$()是构造一个jQuery对象,click()是这个对象的方法,同理$(document)也是一个jQuery对象,ready(fn)是$(document)的方法,表示当document全部下载完毕时执行函数。
     在进行下面内容之前我还要说明一点$("p")和$("#p")的区别,$("p")表示取所有p标签(<p></p>)的元素,$("#p")表示取id为"p"(<span  id="p"></span>)的元素.

我将从以下几个内容来讲解jQuery的使用:
1:核心部分
2:DOM操作
3:css操作
4:javascript处理
5:动态效果
6:event事件
7:ajax支持
8:插件程序

                                             一:核心部分
$(expr)
说明:该函数可以通过css选择器,Xpath或html代码来匹配目标元素,所有的jQuery操作都以此为基础
参数:expr:字符串,一个查询表达式或一段html字符串
例子:
未执行jQuery前:

jQuery代码及功能: 执行后相当于: jQuery代码及功能 执行后相当于 jQuery代码及功能: 执行后相当于 jQuery代码及功能 执行后相当于 jQuery代码及功能: 复制$("#test")然后插入到<a>后,执行后相当于 jQuery代码及功能: 执行后相当于 通过下面例子区分append(elem)  appendTo(expr)  prepend (elem) 后相当于 后 相当于  后 相当于 wrap(htm) 将匹配对象包含在给出的html代码内 jQuery代码及功能: 执行后相当于 jQuery代码及功能: 执行后相当于 jQuery代码及功能: jQuery代码及功能: jQuery代码及功能: jQuery代码及功能: jQuery代码及功能 jQuery代码及功能: jQuery代码及功能: Query代码及功能: Query代码及功能: jQuery代码及功能 jQuery代码及功能: jQuery代码及功能: jQuery代码及功能: jQuery代码及功能: jQuery代码及功能 jQuery代码及功能: 这里需要讲解一下css(name)  css(prop)  css(key, value),其他的看名字都知道什么作用了!     分别将0,1,2为参数,传入到function(i)中 可以用下面函数来测试 jQuery代码及效果 jQuery代码及效果 例: 也可以这样写:

最终效果是当鼠标点击id为a的层上时图层增加一个red样式,

jQuery提供的函数
用于browers事件
error(fn)    load(fn)     unload(fn)    resize(fn)    scroll(fn)

用于form事件
change(fn)    select(fn)    submit(fn)

用于keyboard事件
keydown(fn)    keypress(fn)    keyup(fn)

用于mouse事件
click(fn)    dblclick(fn)    mousedown(fn)   mousemove(fn)
mouseout(fn)  mouseover(fn)     mouseup(fn)

用于UI事件
blur(fn)    focus(fn)


以上事件的扩展再扩展为5类
举例,click(fn) 扩展 click()  unclick()  oneclick(fn)  unclick(fn)
click(fn):增加一个点击时触发某函数的事件
click():可以在其他事件中执行匹配对象的click事件。
unclick ():不执行匹配对象的click事件。
oneclick(fn):只增加可以执行一次的click事件。
unclick (fn):增加一个点击时不触发某函数的事件。
上面列举的用于browers、form、keyboard、mouse、UI的事件都可以按以上方法扩展。


                                       七:Ajax支持

 通用方式:
$.ajax(prop)    通过一个ajax请求,回去远程数据,prop是一个hash表,它可以传递的key/value有以下几种。
         (String)type:数据传递方式(get或post)。
         ((String)url:数据请求页面的url
         ((String)data:传递数据的参数字符串,只适合post方式
         ((String)dataType:期待数据返回的数据格式(例如 "xml", "html", "script",或 "json")
         ((Boolean)ifModified: 当最后一次请求的相应有变化是才成功返回,默认值是false
         ((Number)timeout:设置时间延迟请求的时间。可以参考$.ajaxTimeout
         ((Boolean)global:是否为当前请求触发ajax全局事件,默认为true
         ((Function)error:当请求失败时触发的函数。
         ((Function)success:当请求成功时触发函数
         ((Function)complete:当请求完成后出发函数
jQuery代码及说明

将ajax.htm返回的内容作为id为a的div内容

用get方式向ajax.aspx页面传参数,并将返回内容负给id为a的对象。

$.ajaxTimeout(time) 设置请求结束时间
   $.ajaxTimeout( 5000 )

其它简化方式:

$.get(url, params, callback)  用get方式向远程页面传递参数,请求完成后处理函数,除了url外,其它参数任意选择!

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • Jquery动态添加输入框的方法
  • jquery struts 验证唯一标识(公用方法)
  • 实现easyui的datagrid导出为excel的示例代码
  • jQuery用FormData实现文件上传的方法
  • 基于jquery实现拆分姓名的方法(纯JS版)
  • jquery ztree实现树的搜索功能
  • 使用jQuery将多条数据插入模态框的实现代码
  • 浅谈$('div a') 与$('div>a')的区别
  • jQuery实现form表单元素序列化为json对象的方法
  • ThinkPHP+jquery实现“加载更多”功能代码

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • 基于jQuery的弹出警告对话框美化插件(警告,确认和提示)
    • jquery获取tagName再进行判断
    • jquery自定义插件开发之window的实现过程
    • jQuery实现的多张图无缝滚动效果【测试可用】
    • jQuery遍历json的方法分析
    • jquery自动补齐功能插件flexselect用法示例
    • JQuery跨Iframe选择实现代码
    • 完美兼容各大浏览器的jQuery仿新浪图文淡入淡出间歇滚动特效
    • JQuery 获取和设置Select选项的代码
    • jQuery 联动日历实现代码

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有