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实例
JQuery实践--实用工具函数的更多相关文章
- jQuery实用工具函数
1. 什么是工具函数 在jQuery中,工具函数是指直接依附于jQuery对象.针对jquery对象本身定义的说法,即全局性的函数,我们统称为工具函数,或Utilities函数.它们有一个明显的特征, ...
- 读<jQuery 权威指南>[6]--实用工具函数
官方地址:http://api.jquery.com/category/utilities/ 一.数组和对象操作 1. $.each——遍历 $.each(obj,function(param1,pa ...
- JQuery中的工具函数总结
前提引入 前提当然也是要引入Jquery啦... <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" typ ...
- jQuery基础(工具函数,浏览器信息,检测节点,字符串,$.extend())
1.获取浏览器的名称与版本信息 在jQuery中,通过$.browser对象可以获取浏览器的名称和版本信息 如$.browser.chrome为true,表示当前为Chrome浏览器, $.bro ...
- javascript 实用工具函数
整理日常开发中我们常常会使用到的一些工具函数. var utils = (function(){ var fay = {}; // 返回当前时间的毫秒数 fay.getTime = Date.now( ...
- 你要的几个JS实用工具函数(持续更新)
今天,我们来总结下我们平常使用的工具函数,希望对大家有用.1.封装fetch 源码: /** * 封装fetch函数,用Promise做回调 * @type {{get: (function(*=)) ...
- jQuery原理系列-工具函数
jquery源码中有很多精妙的实现,对于我们每天都在使用的东西,一定要知其原理,如果遇到不能使用jquery环境,也能自己封装原生的代码实现. 1.检测类型 众所周知typeof 不能用来检测数据,会 ...
- jquery中的工具函数 Utilities
noConflict(deep) 释放$和Jquery的控制权 isFunction(obj) isArray(obj) isWindow(obj) isNumeric(obj) type(obj) ...
- JQuery实践--Ajax
Ajax概览无需刷新用户页面而发起服务器请求的技术.创建一个XHR实例: var xhr if(window.XMLHttpRequest) { xhr = new XML ...
随机推荐
- 1.1Spring Boot 环境配置和常用注解
Spring Boot常用注解:@Service: 注解在类上,表示这是一个业务层bean@Controller:注解在类上,表示这是一个控制层bean@Repository: 注解在类上,表示这是一 ...
- 关于c++模板非类型参数中指针和引用类型必须为全局或者静态变量的问题
之前在学习c++模板的时候,一直没留意到在非类型参数中对指针和引用有着一些限制,今早在复学模板的时候才注意到书上标明,指针和引用作为模板的非类型参数传递时必须要求是全局或者静态变量.其实不难想到,模板 ...
- js — 数组Array
目录 1. isArray 2. 转换方法 3. 分割字符串 join 4. 栈方法 5. 队列方法 6. 重排序方法 7. 操作方法 8. 位置方法 - 索引 9. 迭代方法 数组 array 解释 ...
- S04_CH01_搭建工程移植LINUX/测试EMMC/VGA
S04_CH01_搭建工程移植LINUX/测试EMMC/VGA 1.1概述: 本章内容是在已经提供安装了VIVADO2015.4 的ubuntu系统下,进行.大家可以下周我们已经提供的虚拟机镜像,我们 ...
- dubbo中使用的zookeeper,netty以及javassist的Demo文件
javassist测试Demo netty测试Demo zookeeper测试Demo
- 10分钟学会使用Markdown绘制UML时序图
1.1 什么是Markdown? Markdown是一种语法特别少.特别简单的标记语言,用来编写文档.用Markdown编写的文档是纯文本格式,经过编辑器的渲染,就会形成排 版优美的文档,本文就是用M ...
- html如何点击子元素事件而不触发父元素的点击事件——阻止冒泡
如果子元素和父元素都有点击事件,会出现点击事件冒泡的情况. 1.如何避免冒泡: html: <html> <head></head> <body> &l ...
- (五)Activiti之获取流程定义图片和流程定义删除
一.获取流程定义图片 /** * 通过流程部署ID获取流程图图片 */ @Test public void getImageById()throws Exception{ InputStream in ...
- MQTTnet 3.0.5学习笔记
段时间在使用MQTTnet,都说这个东西比较好,可是翻了翻网上没有例子给参考一下. 今天算是找到了,给高手的帖子做个宣传吧. 原网址如下:https://blog.csdn.net/chenlu520 ...
- Go 函数编程
函数的声明 在 Go 语言中,函数声明通用语法如下: func functionname(parametername type) returntype { // 函数体(具体实现的功能) } 函数的声 ...