jQuery.extend()的用法

jQuery.extend()的用法
JQuery的extend扩展方法: Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解。 一、Jquery的扩展方法原型是: extend(dest,src1,src2,src3...); 它的含义是将src1,src2,src3...合并到dest中,返回值为合并后的dest,由此可以看出该方法合并后,是修改了dest的结构的。如果想要得到合并的结果却又不想修改dest的结构,可以如下使用: var newSrc=...

用 jQuery 编写第三方插件

用 jQuery 编写第三方插件
用 jQuery 编写第三方插件,常见的三种方式: 新的全局函数 $.xxx() jQuery 的对象方法 $(‘div’).xxx() jQuery UI 的部件工厂:少量编码,复杂插件 本节重点介绍前两种。插件的基本结构如下: //传参 + IIFE (function($){ //do something })(jQuery); 目的:保证 $ 不会有冲突 原因:由于代码中的其他部分可能会让渡快捷键 $ 的使用权,即 $.noConflict(); 所以,在自定义插件时,最好始终都用 jQue...

filter map用法

filter  map用法
filter(expr|obj|ele|fn) 筛选出与指定表达式匹配的元素集合。 这个方法用于缩小匹配的范围。用逗号分隔多个表达式 参数 exprStringV1.0 字符串值,包含供匹配当前元素集合的选择器表达式。 jQuery objectobjectV1.0 现有的jQuery对象,以匹配当前的元素。 elementExpressionV1.4 一个用于匹配元素的DOM元素。 function(index)FunctionV1.4 一个函数用来作为测试元素的集合。它接受一个参数index,这...

jQuery的width(),innerWidth(),outerWidth()的区别

jQuery的width(),innerWidth(),outerWidth()的区别
jQuery width() 和 height() 方法 width() 方法设置或返回元素的宽度(不包括内边距、边框或外边距)。 height() 方法设置或返回元素的高度(不包括内边距、边框或外边距)。 jQuery innerWidth() 和 innerHeight() 方法   innerWidth() 方法返回元素的宽度(包括内边距)。 innerHeight() 方法返回元素的高度(包括内边距)。 jQuery outerWidth() 和 outerHeight() 方法 outerWidth() 方法返回元素...

javascript的逻辑或||和逻辑与&&问题?

javascript的逻辑或||和逻辑与&&问题?
“&&”运算符可以从三个不同的层次进行理解。 最简单的第一层理解是,当操作数都是布尔值的时候,“&&”对两个值执行布尔与(AND)操作,只有在第一个操作数和第二个操作数都是true的时候,它才返回true。如果其中一个操作数是false,它返回false。 “&&”常用来连接两个关系表达式:   x == 0 && y == 0 // 只有在x和y都是0的时候,才返回true 但是“&&”的操作数并不...

jQuery插件的开发

jQuery插件的开发
关于jQuery插件的开发自己也做了少许研究,自己也写过多个插件,在自己的团队了也分享过一次关于插件的课。开始的时候整觉的很复杂的代码,现在再次看的时候就清晰了许多。这里我把我自己总结出来的东西分享出来,帮助那些和我一样曾经遇到过同样问题的人。 我要做什么 javascript 插件 : 插件是一种遵循一定规范的应用程序接口编写出来的代码,用于处理特定的问题。 我想要得到的javascript 插件应该会有...

Jquery下Ajax与PHP数据交换

Jquery下Ajax与PHP数据交换
一、前台传递字符串变量,后台返回字符串变量(非json格式) Javascript代码: 这里,为了解决Ajax数据传递出现的汉字乱码,在字符串传递之前,使用javascript函数escape()对汉字字符串进行了编码,并且对返回 的字符串使用unescape()函数进行解码,使得汉字得以正常显示。当然了,后台PHP代码也添加了头文件,以保证汉字字符串不会出现乱码。各种后台代码解决 汉字乱码问题的方式如下: PHP:header('Con...

closest() 方法应用

closest() 方法应用
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title> closest() 方法 </title> <style type="text/css"> *{ margin: 0;padding: 0; } header{ position: absolute; top: 0;left: 0; width: 100%; padding: 1em 0; background: lightblu...

字符串转换成JSON的三种方式

字符串转换成JSON的三种方式
字符串转换成JSON的三种方式 采用Ajax的项目开发过程中,经常需要将JSON格式的字符串返回到前端,前端解析成JS对象(JSON )。ECMA-262(E3) 中没有将JSON概念写到标准中,但在 ECMA-262(E5) 中JSON的概念被正式引入了,包括全局的JSON对象和Date的toJSON方法。 JSON字符串: var str1 = '{ "name": "cxh", "sex": "man" }'; JSON对象: var str2 = { "name": "cxh", "sex": "man" }; 1,eval方式解析...

jQuery中.bind() .live() .delegate() .on()的区别

jQuery中.bind() .live() .delegate() .on()的区别
bind(type,[data],fn) 为每个匹配元素的特定事件绑定事件处理函数 $("a").bind("click",function(){alert("ok");}); live(type,[data],fn) 给所有匹配的元素附加一个事件处理函数,即使这个元素是以后再添加进来的 $("a").live("click",function(){alert("ok");}); delegate(selector,[type],[data],fn) 指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数 ...
Copyright © web前端技术开发个人博客 保留所有权利.   Theme  Ality

用户登录