实用工具函数,$命名空间的一系列函数,但不操作包装集.它要么操作除DOM元素以外的Javascript对象,要么执行一些非对象相关的操作。

  • JQuery的浏览器检测标志
    可在任何就绪处理程序执行之前使用这些标志。
    $.browser :msie,mozilla,safari,opera,version(引擎的版本)
    $.boxModel: 方框模型,true/false。 决定了元素的内容大小
    $.styleFloat: float样式的名称,值为字符串,供属性名称使用   element.style[$.styleFloat]='left'  《》==》element.css('float','left')
  • 使用JQuery和其他库
    $.noConflict() 归还$名称的控制权给另一个库,执行后,jQuery功能必须利用jQuery名称进行调用
    另一种方法:创建一个环境,在那里$名称的作用域被设定为引用jQuery对象. (function($){xxxx})(jQuery)
    另一个声明就绪处理程序方法:jQuery(function($){xxx})   jQuery总是把jQuery对象的引用作为唯一的第一个参数传递给就绪处理程序
  • 用于操作数组的函数
    从传入的字符串中删除任何前导或尾随空白字符 $.trim(value) 字符串 修正后的字符串  
    对传入的容器的每一项进行迭代,并为每一项调用传入的回调函数 $.each(container,callback)

    数组|对象
      对象的话,其每个属性将被迭代
    函数:参数 index,value

    容器对象 可以通过从迭代器函数返回false而跳出循环 (针对数组操作。对象则不可以)
    遍历数组,以便挑选元素构成新的数组 $.grep(array,callback,invert) 数组
    函数|字符串
      函数为true收集,字符串会被转换为回调函数
    invert: true, 反转函数的正常操作
    收集的元素组成的新数组 $.grep(array,'a>100')
    jQuery自动生成回调函数,有两个参数:a 当前值,i 当前下标
    对数组进行转换 $.map(array,cb) 数组
    函数|字符串
      函数参数:当前元素以及下标
    新的数组 如果函数返回null或undefined结果就不被收集
    返回已传入的值在数组里第一次出现时的下标 $.inArray(value,array) 对象
    数组
    index or -1  
    从类数组对象创建JavaScript数组 $.makeArray(object) 类数组对象 新JavaScript数组  
    返回原始数组中唯一的元素所构成的数组 $.unique(array) 数组,将被检查的DOM元素的数组 DOM元素的数组,元素各不相同  
  • 扩展对象与合并对象
    扩展对象,用传入的对象扩展target $.extend(target,source1,source2...sourceN) target:目标对象
    一个或多个源对象
    扩展之后的目标对象 设置对象属性默认值时比较有用
    $.extend(target,options || defaultobj)
             
  • 动态地加载新的脚本
    向指定的服务器发起GET请求,获取url参数所指定的脚本  $.getScript(url,callback)  字符串
    函数,脚本资源被加载和求值后调用。
         参数:从资源加载的文本,字符串success 
    用于获取脚本的XHR实例

JQuery实践--实用工具函数的更多相关文章

  1. jQuery实用工具函数

    1. 什么是工具函数 在jQuery中,工具函数是指直接依附于jQuery对象.针对jquery对象本身定义的说法,即全局性的函数,我们统称为工具函数,或Utilities函数.它们有一个明显的特征, ...

  2. 读<jQuery 权威指南>[6]--实用工具函数

    官方地址:http://api.jquery.com/category/utilities/ 一.数组和对象操作 1. $.each——遍历 $.each(obj,function(param1,pa ...

  3. JQuery中的工具函数总结

    前提引入 前提当然也是要引入Jquery啦... <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" typ ...

  4. jQuery基础(工具函数,浏览器信息,检测节点,字符串,$.extend())

    1.获取浏览器的名称与版本信息   在jQuery中,通过$.browser对象可以获取浏览器的名称和版本信息 如$.browser.chrome为true,表示当前为Chrome浏览器, $.bro ...

  5. javascript 实用工具函数

    整理日常开发中我们常常会使用到的一些工具函数. var utils = (function(){ var fay = {}; // 返回当前时间的毫秒数 fay.getTime = Date.now( ...

  6. 你要的几个JS实用工具函数(持续更新)

    今天,我们来总结下我们平常使用的工具函数,希望对大家有用.1.封装fetch 源码: /** * 封装fetch函数,用Promise做回调 * @type {{get: (function(*=)) ...

  7. jQuery原理系列-工具函数

    jquery源码中有很多精妙的实现,对于我们每天都在使用的东西,一定要知其原理,如果遇到不能使用jquery环境,也能自己封装原生的代码实现. 1.检测类型 众所周知typeof 不能用来检测数据,会 ...

  8. jquery中的工具函数 Utilities

    noConflict(deep) 释放$和Jquery的控制权 isFunction(obj) isArray(obj) isWindow(obj) isNumeric(obj) type(obj) ...

  9. JQuery实践--Ajax

    Ajax概览无需刷新用户页面而发起服务器请求的技术.创建一个XHR实例:    var xhr    if(window.XMLHttpRequest) {         xhr = new XML ...

随机推荐

  1. Mysql主从复制原理及同步延迟问题

    本文转载自:Mysql主从复制原理及同步延迟问题 主从复制解决的问题 数据分布:通过复制将数据分布到不同地理位置 负载均衡:读写分离以及将读负载到多台从库 备份:可作为实时备份 高可用性:利用主主复制 ...

  2. shell习题第24题:杀进程

    [题目要求] 一台机器负载高,top查看到有很多sh的进程,然后top -c查看可以看到对应的进程命令是sh -c /bin/clear.sh 经分析后发现是因为该脚本执行时间太长,导致后续执行时,上 ...

  3. PHP关于VC11,VC9,VC6以及Thread Safe和Non Thread Safe版本选择的问题

    这里是我在搭建php环境时收集的资料供大家参考: 现在PHP官网上下载PHP安装包都有VC11或VC9的字样,这是什么含义,我们应该下载哪种安装包更好呢?其实PHP官网给出了答案: VC6版本是使用V ...

  4. (一)CXF之发布第一个WebService服务

    一.CXF入门 1.1 前提 Apache CXF 是一个开源的 Services 框架,CXF 帮助您利用 Frontend 编程 API 来构建和开发 Services ,像 JAX-WS .这些 ...

  5. .NET Core 使用ModelBinder去掉所有参数的空格

    一.前言 通过各种姿势搜索都没搜到这方面的,唯一找到一个比较符合的,但是只适合简单类型,而且代码还没贴全,心累.. 然后查看官网和源码之后,发现继承并实现 IModelBinder和IModelBin ...

  6. ubuntu14.04

    14.10显卡驱动有问题 1.恢复启动引导菜单:启动盘 -> 运行到分区之前,不要分区 -> shift+f10 进入dos -> bootsec /fixmbr ->关闭重启 ...

  7. 安装mysql时出现 mysql Install/Remove of the Service Denied! 错误的解决办法

    用cmd在mysql的bin目录下面执行: mysqld --install 命令,出现错误: mysql Install/Remove of the Service Denied! 解决方法:以管理 ...

  8. 关于el-select 单选与多选切换的时候报错的解决办法

    错误: 出错原因: 估计是单选切换到多选的时候元素没有刷新的原因,猜测 解决办法: 1.在el-select上面加上一个条件判断, 条件判断中绑定一个变量值 例如 :multiple="is ...

  9. 微信小程序 上传图片并等比列压缩到指定大小

    微信小程序官方API中  wx.chooseImage() 是可以进行图片压缩的,可惜的是不能压缩到指定大小. 实际开发中需求可能是压缩到指定大小: 原生js可以使用canvas来压缩,但由于微信小程 ...

  10. JavaScript引入

    三种引入方式 js标签引入的三种方式 1.行间式 写在标签的事件属性中 <div onclick="alert('hello')"></div>(点击出弹窗 ...