js + jQuery
文章平均质量分 83
时清云
自强不息,厚德载物;日拱一卒,功不唐捐;海纳百川,有容乃大。这世上没有最强的人,只有想变强的人,做一个简单真实的自己。
展开
-
项目总结之 jquery中,使用append增加新元素时,新增元素的绑定监听事件失效的解决办法
$(“outerSelector”).on(“eventType”,“innerSelector”,function(){});举例:如果在一个中,通过append添加一个id="demo"的按钮,常用的直接$(“Selector”).on(“eventType”,function(){})监听事件函数,对新增加元素不起作用,例如该按钮的点击监听事件应该这样写:$(".title").on(...转载 2018-10-11 16:49:41 · 514 阅读 · 0 评论 -
javascript的math相关的函数
js中Math.round、parseInt、Math.floor和Math.ceil小数取整小结以前经常在代码中看到Math.round、parseInt、Math.floor和Math.ceil这四个函数,虽然知道结果都可以返回一个整数,但是对他们四者的区别还是不太清楚,今天就做一个小结。一、Math.round作用:四舍五入,返回参数+0.5后,向下取整。如:Math原创 2017-04-06 14:34:11 · 397 阅读 · 0 评论 -
jQuery.one() 函数详解
one()函数用于为每个匹配元素的一个或多个事件绑定一次性事件处理函数。此外,你还可以额外传递给事件处理函数一些所需的数据。通过one()函数绑定的事件处理函数都是一次性的,只有首次触发事件时会执行该事件处理函数。触发之后,jQuery就会移除当前事件绑定。此外,你可以为同一元素、同一事件类型绑定多个一次性的事件处理函数。触发事件时,jQuery会按照绑定的先后顺序依次执行转载 2017-04-06 09:29:38 · 1558 阅读 · 0 评论 -
jQuery.add() 函数详解
jQuery.add() 这个方法用的不多,不过它可以作为一种取巧的方法来使用这样就可以节省很多不必要的类名 具体解释如下:add()函数用于向当前匹配元素中添加符合指定表达式的元素,并以jQuery对象的形式返回。这里的表达式包括:选择器(字符串)、HTML内容(字符串)、DOM元素(Element)、jQuery对象。与该函数相对的是not()函数,用于从当前匹配元转载 2017-04-14 09:40:23 · 3702 阅读 · 0 评论 -
jquery的Deferred的对象
Deferred对象是由 jQuery.Deferred 构造的,jQuery.Deferred 被实现为简单工厂模式。它用来解决JS中的异步编程,它遵循 Common Promise/A 规范。实现此规范的还有 when.js 和 dojo。 $.Deferred作为新特性首次出现在版本1.5中,这个版本利用Deferred又完全重写了Ajax模块。$.Defer转载 2017-04-05 14:20:48 · 428 阅读 · 0 评论 -
jQuery.post() 函数详解
jQuery.post()函数用于通过HTTP POST形式的AJAX请求获取远程数据。jQuery.post()函数用于实现简单的POST形式的Ajax请求,它在底层是使用jQuery.ajax()来实现的,只是省略了大多数不常用的参数设置,并仅限于HTTP POST方式。请注意,该函数是通过异步方式加载数据的。该函数属于全局jQuery对象。语法转载 2017-04-05 09:51:49 · 5494 阅读 · 0 评论 -
jQuery.get() AJAX函数详解
jQuery.get()函数用于通过HTTP GET形式的AJAX请求获取远程数据。jQuery.get()函数用于实现简单的GET形式的AJAX请求,它在底层是使用jQuery.ajax()来实现的,只是省略了大多数不常用的参数设置,并仅限于HTTP GET方式。请注意,该函数是通过异步方式加载数据的。这里介绍的jQuery.get()是一个全局方法(无需创建jQ转载 2017-04-05 09:23:15 · 601 阅读 · 0 评论 -
jQuery之动画效果
今天用到了jquery的动画效果,主要是toggle()和slideToggle()的区别一个水平一个垂直让我捉摸了一会,于是就把所有的jquery动画方法总结一下1、show()显示效果 语法:show(speed,callback) Number/String,Function speend为动画执行时间,单位为毫秒。也可以为slow","normal","fast" ca原创 2017-03-16 22:01:22 · 339 阅读 · 0 评论 -
jQuery函数attr()和prop()的区别
在jQuery中,attr()函数和prop()函数都用于设置或获取指定的属性,它们的参数和用法也几乎完全相同。但不得不说的是,这两个函数的用处却并不相同。下面我们来详细介绍这两个函数之间的区别。1、操作对象不同很明显,attr和prop分别是单词attribute和property的缩写,并且它们均表示"属性"的意思。不过,在jQuery中,attribute和p转载 2017-03-26 18:02:16 · 232 阅读 · 0 评论 -
jQuery - 选择器
主要是关于input这个元素的选择器多一些,所以总结一下jQuery 选择器选择器实例选取*$("*")所有元素#id$("#lastname")id="lastname" 的元素.class$(".intro")所有 class="intro"转载 2017-03-26 16:10:27 · 251 阅读 · 0 评论 -
jQuery中$.proxy()的原理和使用
jQuery.proxy(),接受一个函数,然后返回一个新函数,并且这个新函数始终保持了特定的上下文(context )语境。jQuery.proxy( function, context )function将要改变上下文语境的函数。context函数的上下文语境(`this`)会被设置成这个 object 对象。jQuery.proxy( context, name )转载 2017-05-31 17:13:08 · 505 阅读 · 0 评论 -
事件流与window.addEventListener介绍说明重点是window.addEventListener里面true和false的区别
1.首先我们来了解几个概念,“事件”,“事件流”,“事件名称”,“事件处理函数/事件监听函数,也许是“老生常谈”,知道的朋友可以越过。事件: 事件是用户自身或浏览器进行的特定行为。如:用户点击 也就是常用的click事件事件流:多个事件 按一定顺序触发 形成了事件流事件名称:如上面所讲的click就是事件名事件处理函数/事件监听函数(Dom的叫法)就是 事件触发后的处理函数,如obj.转载 2017-06-16 15:25:32 · 6191 阅读 · 1 评论 -
移动端网页触摸内容滑动js插件Swiper的使用(项目总结)
首先这是一个不错的移动端网页触摸内容滑动js插件,以前的时候很少用到这样的插件,又丰富了知识,Swiper一个非常不错的插件div class="swiper-container"> div class="swiper-wrapper"> div class="swiper-slide">img src="theme/css/images/home/banner2.原创 2017-06-16 10:17:37 · 790 阅读 · 0 评论 -
关于$.when(),$.apply(),$.when.apply(),$.when.apply().then()的用法(项目总结)
项目中有这样的应用,以前基本上没有用到过$.when(), $.apply()这些方法,所以就自己百度了一下$.when()jQuery.when() 方法jQuery 杂项方法实例一个参数传递给 $.when() 被受理,执行回调函数$(function(){ $.when({testing:123}原创 2017-06-16 10:56:19 · 9239 阅读 · 0 评论 -
关于input和button按钮常用的一些属性总结(积累)
一些小的细节:1.input输入框如果只读不让修改,加一个属性 readonlyreadonlydiv class="userfiled">身份div>div class="userinput"> input name="userType" type="text" value="" readonly>div>2.input输入框如果限制字数多少,加一个属性 maxlength原创 2017-06-14 16:06:17 · 2717 阅读 · 0 评论 -
jQuery.prop() 函数详解
prop()函数用于设置或返回当前jQuery对象所匹配的元素的属性值。该函数属于jQuery对象(实例)。如果需要删除DOM元素的属性,请使用removeProp()函数。语法jQuery 1.6 新增该函数。prop()函数有以下两种用法:用法一:jQueryObject.prop( propertyName [, value ] )设置或返回指定属转载 2017-06-13 15:53:15 · 5204 阅读 · 1 评论 -
DOM元素的特性(Attribute)和属性(Property)(项目总结)--对上篇文章的补充
1.介绍:上篇js便签笔记http://www.cnblogs.com/wangfupeng1988/p/3626300.html最后提到了dom元素的Attribute和Property,本文简单介绍一下我的理解。其实Attribute和Property这两个单词,翻译出来都是“属性”,《js高级程序设计》书中翻译为“特性”和“属性”,以示区别。 简单理解,Att转载 2017-06-22 13:36:09 · 316 阅读 · 0 评论 -
jquery中prop()的用法和attr()的区别以及由此产生的一系列的问题总结(项目总结)
if (!me.param.classId) { var classId = $('#classAssess option:selected').attr('classId'); } else { var classId = me.param.classId; $('#classAssess option[classId =' +...原创 2017-06-22 09:30:13 · 679 阅读 · 0 评论 -
日历插件(项目总结)(包括mobiscroll.js LCalendar 和Calendar这三个日历插件)
日历插件的总结,由于在项目中经常用到日历,所以需要总结一下日历插件的用法 日历初始化var date = new Date();var today = dateUtil.dateFormat(dateUtil.DATE_PATTERN, date);me.find("#calendar").val(today);me.find('#calendar').mobiscroll()原创 2017-06-19 17:50:47 · 3531 阅读 · 0 评论 -
项目大总结(项目总结)
一. 从后台获取的数据设置成属性,同时选中这个带属性值的元素,那么方法来了if (!me.param.classId) { var classId = $('#classAssess option:selected').attr('classId'); } else { var classId = me.param.classId; $...原创 2017-06-19 15:01:18 · 483 阅读 · 0 评论 -
正则表达式(项目总结)
在项目中,经常会遇到密码和填写手机号的业务,然后我们就需要对输入的密码和手机号进行校验,看输入的是否合乎标准,于是就需要用到正则表达式来验证。手机号的验证: if(!/^1[0-9]{10}$/g.test(cellphone)){ popup.popup({msg: '请填写正确的手机号码'}); return; } /^1[0-9]{10}...原创 2017-06-19 14:52:47 · 419 阅读 · 0 评论 -
jQuery.off() 函数详解
off()函数用于移除元素上绑定的一个或多个事件的事件处理函数。off()函数主要用于解除由on()函数绑定的事件处理函数。该函数属于jQuery对象(实例)。语法jQuery 1.7 新增该函数。其主要有以下两种形式的用法:用法一:jQueryObject.off( [ events [, selector ] [, handler ] ] )转载 2017-03-26 16:22:39 · 2450 阅读 · 0 评论 -
jQuery.trigger() 函数详解
trigger()函数用于在每个匹配元素上触发指定类型的事件。此外,你还可以在触发事件时为事件处理函数传入额外的参数。使用该函数可以手动触发执行元素上绑定的事件处理函数,也会触发执行该元素的默认行为。以表单元素为例,使用trigger("submit")可以触发该表单绑定的submit事件,也会执行表单submit事件的默认行为——表单提交操作。根据网友 @飞扬 的转载 2017-03-26 16:45:48 · 6226 阅读 · 0 评论 -
jQuery.map() 函数详解
map()函数用于处理当前jQuery对象匹配的所有元素,并将处理结果封装为新的数组。返回封装该数组的jQuery对象。该函数属于jQuery对象(实例)。语法jQuery 1.2 新增该函数。jQueryObject.map( callback )参数参数描述callbackFunction类型指定的处理函数原创 2017-03-24 22:40:24 · 1859 阅读 · 0 评论 -
jQuery.extend() 函数详解
jQuery.extend()函数用于将一个或多个对象的内容合并到目标对象。该函数可以将一个或多个对象的成员属性和方法复制到指定的对象上。该函数属于全局jQuery对象。语法静态函数jQuery.extend()有以下两种用法:用法一:jQuery 1.0 新增该用法。jQuery.extend( target [, object1 ] [, o转载 2017-03-31 09:36:06 · 497 阅读 · 0 评论 -
JavaScript match() 方法
match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。该方法类似 indexOf() 和 lastIndexOf(),但是它返回指定的值,而不是字符串的位置。语法stringObject.match(searchvalue)stringObject.match(regexp)参数描述searchvalue转载 2017-03-30 17:36:52 · 580 阅读 · 0 评论 -
jQuery ajax - ajaxStop() 方法和jQuery ajax - ajaxStart()
当所有 AJAX 请求完成时,触发一个提示框:$("div").ajaxStop(function(){ alert("所有 AJAX 请求已完成");});亲自试一试定义和用法ajaxStop() 方法在 AJAX 请求结束时执行函数。它是一个 Ajax 事件。详细说明无论 Ajax 请求在何时完成 ,jQuery 都会检查是否存在其他 A转载 2017-03-30 16:40:18 · 593 阅读 · 0 评论 -
jQuery.inArray() 函数详解
说实话,我是第一次用到 jQuery.inArray() 之前都不知道有这种方法jQuery.inArray()函数用于在数组中搜索指定的值,并返回其索引值。如果数组中不存在该值,则返回 -1。该函数属于全局jQuery对象。语法jQuery 1.2 新增该静态函数。jQuery.inArray( value, array [, fromIn转载 2017-03-29 22:29:37 · 747 阅读 · 1 评论 -
jQuery hover() 方法
jQuery hover事件 hover(over,out)一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。这是一个自定义的方法,它为频繁使用的任务提供了一种“保持在其中”的状态。 当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。而且,会伴随着对鼠标是否仍然处在特定元素中的检测(例如,原创 2017-03-22 21:49:56 · 836 阅读 · 0 评论 -
HTML5 history新特性pushState、replaceState
DOM中的window对象通过window.history方法提供了对浏览器历史记录的读取,让你可以在用户的访问记录中前进和后退。从HTML5开始,我们可以开始操作这个历史记录堆栈。 1.History使用back(),forward(),和Go()方法可以在用户的历史记录中前进和后退前进和后退后退:window.history.back();转载 2017-03-29 16:32:33 · 350 阅读 · 0 评论 -
JQuery中阻止事件冒泡方式及其区别
jQuery 提供了两种方式来阻止事件冒泡。方式一:event.stopPropagation(); $("#div1").mousedown(function(event){ event.stopPropagation(); });方式二:return false; $("#div1").mo转载 2017-03-28 22:01:38 · 287 阅读 · 2 评论 -
jquery $.trim()方法使用介绍
今天被$trim()难住了,所以就总结一下$.trim(str) 返回:string; 说明:去掉字符串首尾空格。 示例: 先看个错误代码错误代码: 复制代码 代码如下: var content = $('#content').val(); if(content.trim() == '') alert('空'); 上面原创 2017-03-21 21:11:25 · 370 阅读 · 0 评论 -
jquery中使用event.target的几点
1.this和event.target的区别:js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素;2.this和event.target都是dom对象,如果要使用jquey中的方法可以将他们转换为jquery对象:$(this)和$(event.target);比如:event.target和$(even转载 2017-03-28 17:26:53 · 649 阅读 · 0 评论 -
jQuery.get() 函数详解
这个get()和另外一个$.get()的ajax请求不一样,这个是获取DOM元素的get()函数用于获取当前jQuery对象匹配到的DOM元素这里介绍的get()函数属于jQuery对象实例,jQuery中还有一个jQuery.get()函数,它属于全局的jQuery对象(无需自行创建jQuery对象),用于通过GET形式的AJAX请求获取远程数据。该函数属于jQuery对转载 2017-03-24 14:57:39 · 4041 阅读 · 0 评论 -
jQuery.parseJSON() 函数详解
由于偶然用到了javascript中JSON.parse和JSON.stringify,所以就查了一下jquery中有关这方面的知识,jQuery.parseJSON()这个用法,怎么用,我总结一下,于是转载了一篇详细的。jQuery.parseJSON()函数用于将格式完好的JSON字符串转为与之对应的JavaScript对象。所谓"格式完好",就是要求指定的字符串必须符合严转载 2017-04-10 09:28:18 · 3309 阅读 · 0 评论 -
jQuery.change() 函数详解
实践出真知,理论只有在实践中得到验证才有用,所以一定要要多去做change()函数用于为每个匹配元素的change事件绑定处理函数。该函数也可用于触发change事件。此外,你还可以额外传递给事件处理函数一些数据。change事件会在文本内容或选项被更改时触发。该事件仅适用于和以及。对于text和textarea元素,该事件会在元素失去焦点时发生(文本内容也发生了更改)。转载 2017-03-26 15:43:38 · 9973 阅读 · 0 评论 -
jQuery.contents() 函数详解
contents()函数用于选取当前匹配元素的所有子节点(包括文本节点、注释节点等),并以jQuery对象的形式返回。该函数属于jQuery对象(实例)。语法jQuery 1.2 新增该函数。jQueryObject.contents( )返回值contents()函数的返回值为jQuery类型,返回一个新的jQuery对象,该对象包含了当前jQuery转载 2017-04-12 09:19:38 · 2196 阅读 · 0 评论 -
jQuery Event.result 属性详解
result属性用于返回本次事件触发执行的上一个事件处理函数的返回值。如果为DOM元素的同一事件类型绑定了多个事件处理函数,你可以使用result属性获取上一个事件处理函数执行的返回值。例如,你为DOM元素的"click"事件按照顺序绑定了A、B、C三个事件处理函数,你可以在事件处理函数B中获取A的返回值,在C中获取B的返回值。该属性属于jQuery的Event对象(实例)转载 2017-04-01 10:30:56 · 1738 阅读 · 0 评论 -
jQuery 快速入门教程
为了方便自己对jquery有个全局的把握,所以,先写了一个入门教程内容目录jQuery 入门什么是jQuery如何使用jQueryjQuery的运行原理如何选择jQuery版本ready() 准备就绪时执行代码jQuery 核心:选取元素使用jQuery 选择器选取元素,并封装为jQuery对象将现有的DOM元素封装为jQ转载 2017-03-24 15:40:40 · 376 阅读 · 0 评论 -
jQuery jQuery() 函数详解
jQuery()函数是jQuery库的最核心函数,jQuery的一切都是基于此函数的。该函数主要用于获取HTML DOM元素并将其封装为jQuery对象,以便于使用jQuery对象提供的其他属性和方法对DOM元素进行操作。jQuery()函数的功能非常强大,它可以将各种类型的参数智能地封装为jQuery对象。语法jQuery()函数的功能非常强大,因此用法也比较复杂,其转载 2017-03-24 15:25:40 · 1024 阅读 · 0 评论