JQuery实践--实用工具函数

实用工具函数,$命名空间的一系列函数,但不操作包装集.它要么操作除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实例
时间: 2024-10-10 01:43:25

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

jQuery实用工具函数总结

一.数组和对象操作 1. $.each——遍历 $.each(obj,function(param1,param2))遍历数组时:param1为元素序号,param2为元素内容:遍历对象时:param1为元素属性名,param2为元素属性值. 例如:①遍历数组: $(function () { var arrStu = { "张三:": "60", "李四:": "70", "王二:": "80&

jQuery中实用的函数工具

以下是一些jQuery的函数工具: --jQuery.trim(str):清理字符串前后的空白 --jQuery.param(obj):param函数是serialize()方法的基础,返回序列化的字符串 例: var option={user:"zhangwei",pass=123456}; var str=jQuery.param(option) --jQuery.isArray(obj):判断数组类型,返回bool值,true or false --jQuery.isFuncti

JQuery中的工具函数总结

前提引入 前提当然也是要引入Jquery啦... <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script> 工具方法 ①获取浏览器的名称与版本信息 在jQuery中,通过$.browser对象可以获取浏览器的名称和版本信息,如$.browser.chrome为true,表示当前为Chrome浏览器,$.browser.

jquery常用遍历工具函数

遍历在这里 http://my.oschina.net/u/2352644/blog/508397 废话不多说,一个句话告诉你jq的遍历工具 我们对数组的循环一般是用for或者for in,这是原生js支持,同样既然用jq的了,咱jq也提供了对数组的遍历方法,也就是对原生js循环的封装 一.$.each()和for循环等不得不说的秘密 我们循环一个数组一般是下面的处理,利用for循环  var arr=[0,1,2];  for(var i=0;i<arr.length;i++){   aler

jQuery使用工具函数

1. 什么是工具函数 在jQuery中,工具函数是指直接依附于jQuery对象.针对jquery对象本身定义的说法,即全局性的函数,我们统称为工具函数,或Utilities函数.它们有一个明显的特征,一般情况下,采用如下的格式进行调用: $.函数名()或jquery.函数() 2.工具函数的分类 根据工具函数处理对象的不同,可以将其分为下列几大类别:浏览器的检测.数组和对象的操作.字符串操作.测试操作.URL操作. 1)浏览器的检测 在浏览器检测中,又可分为浏览器类型与特征的检测,前者获取浏览器

JQuery 实践--扩展JQuery

Why扩展JQuery通过扩展可以利用JQuery所提供的现有代码基础.避免从头编写代码 有效扩展JQuery的规则扩展JQuery的两种形式: $上直接定义实用工具函数 和JQuery包装集进行操作的方法  1. 文件名以 jquery为前缀  2. 前缀后接插件的名称  3. 文件名以.js结尾  4. 小心$.  用本地化方式引用JQuery: (function($){xxx})(jQuery)  5.简化复杂的参数列表:选项散列对象,多个可选参数被击中到单个参数,object名/值对

jquery 源码学习(四)构造jQuery对象-工具函数

jQuery源码分析-03构造jQuery对象-工具函数,需要的朋友可以参考下. 作者:nuysoft/高云 QQ:47214707 EMail:[email protected] 声明:本文为原创文章,如需转载,请注明来源并保留原文链接. 读读写写,不对的地方请告诉我,多多交流共同进步,本章的的PDF等本章写完了发布. jQuery源码分析系列的目录请查看 http://nuysoft.iteye.com/blog/1177451,想系统的好好写写,目前还是从我感兴趣的部分开始,如果大家有对哪

jQuery 工具函数

工具函数是指直接依附于 jQuery 对象,针对 jQuery  对象本身定义的方法,即全局性的函数.它的作用主要是提供比如字符串.数组.对象等操作方面的遍历. 一.字符串操作 在 jQuery 中,字符串的工具函数只有一个,就是去除字符串左右空格的工具函数: $.trim(). //$.trim()去掉字符串两边空格 var str=' jQuery '; alert(str); alert($.trim(str)); 二.数组和对象操作 jQuery 为处理数组和对象提供了一些工具函数,这些

第一百七十五节,jQuery,工具函数

jQuery,工具函数 学习要点: 1.字符串操作 2.数组和对象操作 3.测试操作 4.URL 操作 5.浏览器检测 6.其他操作 工具函数是指直接依附于 jQuery 对象,针对 jQuery 对象本身定义的方法,即全局性 的函数.它的作用主要是提供比如字符串.数组.对象等操作方面的遍历. 一.字符串操作 在 jQuery 中,字符串的工具函数只有一个,就是去除字符串左右空格的工具函数: trim()去掉字符串两边空格 var str = ' jQuery '; alert(str); al