DOM无关的jQuery实用函数

实用函数:定义在jQuery/$命名空间下不操作包装集的函数,可以看做定义在$实例而不是window实例上的顶级函数。一般这些实用函数要么操作除DOM元素以外的对象,要么执行一些对象无关的操作。

公共用途的jQuery标志:

$.fx.off:启用或禁用特效,不会废除已经在页面使用的特效,只是禁用了动画特效。

$.support:所支持特征的详细信息

$.browser:公开浏览器的细节,jQuery 从 1.9 版开始,移除了 $.browser 和 $.browser.version , 取而代之的是 $.support 。

$.noconflict(jquertToo):将$的控制权还给其他库,使用jQuery标识符调用jQuery的功能,如果将参数设置为true,会一并放弃$和jQuery标识符。

操作javascript对象和集合

$.trim(value):删除传入的字符串开头和结尾的空白字符(匹配\s的字符,还包括换页、换行、回车、制表、垂直制表和\u00A0),返回修改后的结果

$.each(container, callback):遍历传入容器的每一项并调用回调函数

$.grep(array, callback, invert):筛选数组,回调函数返回true则当前值被收集到新数组,除非invert设置为true(返回false的被收集)

$.map(array, callback):将数组的每一项调用回调函数,将函数调用的返回值收集到新数组

$.inArray(value, array):返回传入的值第一个次出现时的下标

$.makeArray(object):将类似数组的对象转换为数组(NodeList arguements)

$.unique(array):返回原始数组中不重复的元素组成的数组

$.merge(array1, array2):将第二个数组的值合并到第一个数组

$.extend(deep, target, source1, ...)

$.param(params, traditional):将传入的信息序列化为提交请求时的查询字符串,字符串的每个名称和值会进行URI编码。

测试对象

$.isArray    $.isEmptyObject      $.isFunction     $.isPlainObject     $.isXMLDoc(node)

测试包含关系

$.contains(container, containee):检测前一个元素是否在DOOM层次结构包含在后一个元素内部

附加数据到元素

$.data(element, name, value):用指定名称在传入的元素存储或检查数据

$.removeData(element, name):删除元素上的数据

预绑定函数上下文

jQuery.proxy( function, context ):接受一个函数,然后返回一个新函数,并且这个新函数始终保持了特定的上下文(context )语境。最常见的用途是将对象的方法绑定为处理器,将拥有方法的对象作为处理器的函数上下文。

function:将要改变上下文语境的函数。

context:函数的上下文语境(`this`)会被设置成这个 object 对象。

jQuery.proxy( context, name )

context:函数的上下文语境会被设置成这个 object 对象。

name:将要改变上下文语境的函数名(这个函数必须是前一个参数 ‘context’ 对象的属性)

解析JSON

$.parseJSON(json):解析传入的JSON字符串,返回其计算值

表达式求值

$.globalEval(code):在全局上下文对传入的javascript代码求值

动态加载脚本

getScript(url, callback):向指定服务器发起GET请求获取由url指定的脚本,成功后调用(可选)回调函数

时间: 2024-10-13 01:53:24

DOM无关的jQuery实用函数的相关文章

jQuery复习—DOM无关的jQuery实用函数

DOM无关的jQuery实用函数 一.实用函数的定义 定义在jQuery/$命名空间下不操作包装集的函数.一般来说这些使用函数要么操作除DOM元素以外的JavaScript对象,要么执行一些与Dom操作无关的操作. 二.操作JavaScript对象和集合 1.修建字符串  $.trim(value) 定义:删除传入的字符串开头和结尾处的空白字符,并返回修改后的结果 参数:value需要修改的字符串 返回值:修改后的字符串 $.trim($('#someFiled').val()); 2.遍历属性

jQuery实用函数用法总结

1.修剪字符串 ? 1 $('#id').val($.trim($('#someid').val())) 2.遍历集合 可能这样写: ? 1 2 3 4 var anArray = ['one','two']; for(var n = 0; n < anArray.length; n++){    } 还有可能这样写: ? 1 2 3 4 var anObject = {one: 1, two: 2}; for(var p in anObject){    } 但有了$.each函数后,就可以这

jQuery - 01. jQuery特点、如何使用jQuery、jQuery入口函数、jQuery和DOM对象的区别、jQuery选择器、

this指的是原生js的DOM对象 .css(""):只写一个值是取值,写俩值是赋值 window.onload   ===   $(document).ready(); $(""):获取元素   标签名..类名.#id jQuery特点 链式编程 jq.shou(3000).html(内容) 相当于 jq.shou(3000) jq.gtml(内容) 隐式迭代 隐式实用for循环.迭代 如何使用jQuery 引包 一定要在使用之前 <script src =

jQuery碎语(4) 实用函数

6.实用函数 ● 修剪字符串 $('#id').val($.trim($('#someid').val())) ● 遍历集合 可能这样写: var anArray = ['one','two']; for(var n = 0; n < anArray.length; n++){ } 还有可能这样写: var anObject = {one: 1, two: 2}; for(var p in anObject){ } 但有了$.each函数后,就可以这样写了: var anArray = ['on

JQuery DOM元素方法跟JQuery 核心函数跟JQuery 事件方法

JQuery DOM 元素 函数                            描述 .get()                           从队列中删除所有未运行的项目. .index()                        存储与指定元素相关的任意数据. .size()                          存储与匹配元素相关的任意数据. .toArray()                     从队列最前端移除一个队列函数,并执行它. JQuer

jQuery实用的语法总结

1.关于页面元素的引用 通过jquery的$()引用元素包括通过id.class.元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法. 2.jQuery对象与dom对象的转换 只有jquery对象才能使用jquery定义的方法.注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是jquery对象. 普通的dom对象一般可以通过$()转换成jquery对象. 如:$(document.ge

jQuery.noConflict() 函数详解

jQuery.noConflict()函数用于让出jQuery库对变量$(和变量jQuery)的控制权. 一般情况下,在jQuery库中,变量$是变量jQuery的别名,它们之间是等价的,例如jQuery("p")和$("p")是等价的.由于变量$只有一个字符,并且特点鲜明,因此我们更加习惯使用$来操作jQuery库. 不过,其他JS库也可能使用变量$来进行操作,例如Prototype库.这个时候两个库可能会由于变量$的控制权问题而发生冲突. 此时,你可以使用该函数

JQuery之JQuery的版本 JQuery入门 属性获取 JQuery就绪函数 JS文档就绪函数和JQuery文档就绪函数的区别 JS对象和JQuery对象的区别 关于$的使用 多个JS库的冲突解决方案

JQuery的版本 JQuery入门 属性获取 JQuery就绪函数 JS文档就绪函数和JQuery文档就绪函数的区别 JS对象和JQuery对象的区别 关于$的使用 多个JS库的冲突解决方案 JQuery的版本 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery的版本</title> <

DOM对象与JQUERY对象的相互转化

普通处理,通过标准JavaScript处理: 1 var p = document.getElementById('imooc') 2 p.innerHTML = '您好!学习jQuery才是最佳的途径'; 3  p.style.color = 'red'; 通过原生DOM模型提供的document.getElementById("imooc") 方法获取的DOM元素就是一个DOM对象,再通过innerHTML与style属性处理文本与颜色. jQuery的处理: 1 var $p =