就因为习惯了之前的bind风格..栽了跟头 简单的说就是大意了。 delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。...使用 delegate() 方法的事件处理程序适用于当前或未来的元素(比如由脚本创建的新元素)。...语法 $(selector).delegate(childSelector,event,data,function) 参数 描述 childSelector 必需。...规定要附加事件处理程序的一个或多个子元素。 event 必需。规定附加到元素的一个或多个事件。 由空格分隔多个事件值。必须是有效的事件。 data 可选。规定传递到函数的额外数据。...比如这段小代码啊 jquery/jquery.js"> <script type=
正确写法*/ CSS和jQuery中>和空格的意义: 1、举例:A B与A>B的区别是: A B :获取标签A下面所有B标签对象。... ex: 被选择的元素 且关系 被选择的元素 父子关系 JQuery...中this和$(this)的区别: 经在实际应用中发现 this是一个Html对象,$(this)是一个JQuery对象。...ex: this.style.width = 10px; $(this).removeAttr(); JQuery中$('#id')与document。...getElementById('id')的区别: 如图所示,$('#id')获取的是JQuery对象,里面包含DOM对象 而document.getElementById('id')获取的只是DOM对象
最近不知道要写什么了,没有怎么学习新的知识点,而是一直在研究jquery相关的东西,有人说jquery已经快要过时了,很多公司都不用这个框架了,但是我觉得,有些知识,作为基础,还是要多回顾一下,记录一下...今天写了一个简单的功能,将checkbox选中的value值提交到后端。 test jquery.../2.1.1/jquery.min.js"> <div class...function(data) { } }); } //获取选中的周期
今天前端因为需要ajax调用两个不同的项目,请求域不一样,所以涉及ajax跨域的问题 ,其实很简单,具体如下 原来的ajax请求如下: $.ajax({ type:"post", url:platformUrl...固定参数 dataType:"jsonp", crossDomain:true, jsonpCallback:"jsonpCallbackFun", jsonp:"callback", 且后台返回的数据格式必须是...:jsonpCallbackFun(json数据); 这里的jsonpCallbackFun是你自定义的回调函数方法名 改动后: $.ajax({ type:"post", url:platformUrl
this 在对象中的指向问题可以看第一篇文章介绍。...输出 datepicker 对象一看,#¥%……& datepicker对象居然是一个 jQuery 对象$("input[...]")。 what???...$.fn.这是在扩展 jQuery 对象,daterangepicker是扩展的一个方法,(对象方法中的this指向谁的问题同样参考上一篇文章)。...this 指向 jQuery对象$("input[...]")。 到了这时候应该怎么办?放弃吗?怎么可能。...关于插件作者代码 当然了,代码中返回什么对象,返回哪个对象的问题,我不明白作者是怎么想的。如果是我来写插件,肯定不会返回一个jQuery对象,因为没什么必要。
jQuery1.3.2已经发布好一段时间了,近日把原来的项目全部从jQuery1.2.6升级为1.3.2了.但是有一点要注意,1.3版以上的jQuery在根据选择属性选择时,去掉了@符号,有某些情况下原有的代码可能会无法正常运行...checked="checked">乒乓球 $().ready(function(){ //1.3版以下(比如1.2.6版)的写法...,在1.3版上会报错 var s = $("input[@name='mySex']"); alert(s.length); /* 1.3版以上的写法*/ //var s = $("...input[name='mySex']"); //alert(s.length); /*但是很奇怪的是,下面的写法却在1.2与1.3版上都能通用*/ var sport = $("input[name
CSRF问题 csrf也就是laravel默认在表单提交中都会验证csrf字串,没有的话就不会予以通过。 当然,你在普通的表单中加一个@csrf,系统就会自动增加一个hidden隐藏域。...或者你用laravel自带的axios,laravel也做过处理: resources/js/bootstrap.js ? 那么如果我使用jquery封装的ajax,如何处理呢?...headers: { 'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content') } }); 但是,就要求在meta中有一个_token的值...---- 那,还有没有再简单一丢丢的方法?有。...,我们直接获取他的值就行啦。
这个方法可能不是很常见,这个是jQuer提供的一个方法,说一下应用场景,比如说,我们使用jQuery的时候,需要引入别的框架,那么刚好这个框架也是$开头的,那是不是很悲催,因为jQuery也是$开头的,...导致的结果可能就是页面停止加载了,说人话就是页面就基本挂了!所以jQery也考虑到了这个问题,就出现了jQuery - noConflict() 方法。 下面简单的写几个例子看一下怎么使用的!...我们写jQuery的时候一般写法是这样的: $("div").append("jquery运行中..."); 那么如果引入别的js框架的时候,也是$开始的,我们怎么写呢?...直接写全名就可以其实 $.noConflict(); jQuery("p").append("this is p"); 或者这样写也是可以的:将其赋予一个变量来使用 var jq = $.noConflict...那么我们在jQuery的代码块里面写就行了,将$当作参数传递给ready jQuery(document).ready(function($){ $("h1").append("This is
1、在js当前域中如果去调用另一个域的程序时,它不能够执行当前域的js函数,所以就不能得到你想要的数据了。怎么办呢?答案在下面。 2、在jQuery中使用JSONP形式实现跨域。...---- js的跨域问题图解,如下图所示: 传统的js的跨域处理: tomcat1的代码如下: 5.ajax_domain.html 的跨域问题-解决方案 --> 的跨域问题图解,如下图所示: 非传统的jQuery的跨域处理: tomcat1的代码如下: 6.ajax_domain.html jQuery的跨域问题-解决方案 --> <script type="text/javascript" src="..
现象 使用了 jQuery 1.10 的版本,想实现 checkbox 的全部选中和全部取消选中,使用了 attr 的方法,如下: $(elem).attr(“checked”) 测试过程中发现,第一次从未选中状态变为选中...,再从选中变为未选中,是可以的。...文档还特别对 attr() 和 prop() 进行了对比,总体来说 jQuery 1.6 版本之后,为了保证函数在不同环境下表现的一致性,建议对于获取 DOM 元素的固有属性,使用 prop() 方法,...如果需要修改个性化(自定义)的属性字段,则需要使用 attr 方法。...参考资料: 1、jQuery attr 2、jQuery prop 3、W3C Forms
jQuery 前阶段推出了3.0版本,改动非常大,如果要使用 3.0 的话,建议先仔细了解一下新特性,否则会引起一些小问题,例如下面的代码 jquery-3.0.min.js"> $(function (){ $('#container...你好'); }) 非常简单,此时没有任何问题...,可以正常显示内容,但如果 $(function (){... }) 内部出现异常,让人困扰的问题便来了 添加一个异常后的状态 $(function (){ throw new Error('出错了'...页面不显示内容是正常的,但控制台也没有显示任何错误信息,显然和我们的预期不一样 因为在使用 jquery 2 时,这种情况下,控制台是可以提示错误的 jquery-2.1.3
我实现点击table表格中的删除按钮,找到当前按钮的祖先元素tr 然后删除该行,但是我首先点击删除的时候要先弹出提示框,是否要下载,这时在点击删除按钮删除,之前没有考虑到事件重复绑定问题,所以每次点击删除的时候就会多选择几行...,之后选择的越来越多,经过网友解答,成功解决,先把重复绑定的删除的click事件解绑再继续绑定,就没问题。...源问题在这里:https://segmentfault.com/q/1010000015345578 //删除单条status function removeStatus(e,tableId) {
大家好,又见面了,我是你们的朋友全栈君。...注意起来一个情况:ajax+submit+同步—-就是你用ajax请求服务器,而且用的是同步的方式,并且你是通过点击了type类型为submit的按钮来触发这个ajax。...这个时候,首先你点击了submit,它会提交表单,但是由于你用了ajax的同步操作,submit的提交被阻塞,ajax先执行,这个时候,如果你在ajax的回调函数(如:success)中写了document.location.href...=’xxx.html’,它是执行了,的确是去执行了跳转的,于是ajax完成了,那接下来就要把刚才的submit提交的请求完成。...即:ajax就是如你所想那样执行了,也从A页面跳到了B页面,但是由于submit这种类型的特殊性,又让B页面跳回了A页面,由于这个ajax执行完再执行submit请求的过程处理的很快,你会感到好像没有效果
reset") { elements[i].onfocus = function() { this.className = focusClass; }; elements[i].onblur... onblur..." /> 四:css点击一个input输入框怎么使其后面的button也变色 以摩拜单车为例,参考链接:http://www.w3school.com.cn/jquery.../event_focus.asp 本专题记录平时项目中一些最基础简单的实现代码和容易忽略的细节,仅仅是为了记录,对于自己来说,基础是最重要的,一个项目就是由无数的基础组成 原文作者:祈澈姑娘 技术博客...坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。
-- normal script imports etc --> jquery.min.js"> <script src="scripts...for both browser and electron with the same code Fixes issues for ALL 3rd-party libraries (not just jQuery
大家好,又见面了,我是你们的朋友全栈君。...近期由于项目需要,用到了列表checkbox,在点击被考核人的一行时,check不选中,然后解决方法是 //点击被考核人列表 $("table.be_assess-employee-container
由此对于NodeJS的event loop来说它包含若干个阶段,每个阶段对应上图的一个方块。...上图中还有一个process.nextTick,它也是一个异步函数,但它不属于event loop的任何阶段,当当前event loop阶段走完重新回到timer阶段时,主线程会先查看是否有nextTick...它本质上跟setImmediate没有什么区别,只不过后者属于event loop的特定阶段而前者不属于event loop,因此它最大的作用是让代码在主线程进入下一轮循环前做一些操作,例如释放掉一些没用的资源...由于nodejs的异步模式,有些错误可能很难处理,这类问题称之为Zalgo问题,他们的特点是把同步逻辑和异步逻辑组合在一起从而导致难以复现和难以调试的Bug,一个例子如下: import {readFile...这种问题很难调试,首先它不好重现,如果createReader后面继续存在被调用,那么reader2对应的回调就可以被执行,同时上面代码reader2的回调没有执行,同时代码也不产生任何异常或错误,这使得问题的定位会非常困难
常见的兼容性问题 浏览器有着大量不同的版本,不同种类的浏览器的内核也不尽相同,所以不同浏览器对代码的解析会存在差异,这就导致对页面渲染效果不统一的问题。...初始化样式 因浏览器兼容的问题,不同的浏览器对标签的默认样式值不同,如果不初始化会造成不同浏览器之间的显示差异,布局出现错乱,所以要初始化样式,达到统一的布局。...对于其兼容性首先需要判断input是否支持placeholder,然后在不支持的情况下可以通过input的onfocus与onblur事件监听来实现placeholder效果。 事件监听句柄 在IE9之前,必须使用attachEvent而不是使用标准方法addEventListener来注册元素的监听器,事件兼容的问题,通常需要会封装一个适配器的方法...此外,在jQuery中使用return false会同时阻止默认行为与事件传播,通常也会封装一个方法来实现默认行为的阻止。
先来看javascript的直接写在了input上代码如下: onBlur="if(this.value...onFocus="if(this.value=="账号") this.value="";" /> onBlur...对于元素的焦点事件,我们可以使用jQuery的焦点函数focus(),blur()。...focus():得到焦点时使用,和javascript中的onfocus使用方法相同。...如: $("p").focus(); 或$("p").focus(fn) blur():失去焦点时使用,和onblur一样。
图片.png 当鼠标聚焦时输入框变色 css相关,鼠标点击输入域后出现有颜色的边框 原理:css伪类之input输入框鼠标点击边框变色效果 伪类元素的使用::focus 一:当输入框获得焦点时...reset") { elements[i].onfocus = function() { this.className = focusClass; }; elements[i].onblur... onblur..." /> 四:css点击一个input输入框怎么使其后面的button也变色 以摩拜单车为例,参考链接:http://www.w3school.com.cn/jquery.../event_focus.asp 本专题记录平时项目中一些最基础简单的实现代码和容易忽略的细节,仅仅是为了记录,对于自己来说,基础是最重要的,一个项目就是由无数的基础组成。