因此,需要一个定时器。如何方便简单的来实现呢?我自己写了一段代码。...$(function(){ var ProBox = $("#leo_prompt"); // 构建一个要执行的函数 function Hide(){...ProBox.children('span').fadeOut(200); } // 定时器函数 function actionDo(){...return setInterval(function(){ // 插入要执行的函数 Hide(); },2000...非常简单,清晰明了。
="phone" id="phone" disabled /> 从而导致在asp后台不能phone这个参数的值。...解决办法,是设置该标签为可读: 这样的话,既保证了标签内的东西不能随便修改...------ ------------------------------------------------------------------------------ 1、图片预加载中,在谷歌浏览器获取图片的宽高为...,是能够获取到img对象的宽度和高度,但是在谷歌浏览器中获取宽高的值为0px。 ...应该是这段代码,在谷歌浏览器中图片还没加载完,此时获取图片的宽度和高度自然是0px。
运维服务一个项目二十多台(或者多台)服务器,每天要做服务器的性能巡检工作是查看服务器的CPU、内存、磁盘空间是否在正常值范围内。...像这样每天或者每个固定时间段都做相同的重复工作,为了简化重复的工作,我写了基于liunx服务器的自动巡检脚本,在crontab中设定一个固定时间进行自动执行即可,以减少人工重复劳动的工作。...环境: 我的项目上主要服务器是LINUX和AIX两种服务器,总数在30台左右。现在的工作量是每周巡检两次,都是手动登录到每台服务器使用相应的命令查看服务器性能参数。...思路: 1、所有的服务器之间的网络都是在同一个局域网内,所有网络两两相通。 2、在其中选择一台性能相对较好或者是服务器运行压力较小的服务器,作为巡检服务器。...运行结果: 运行完后会在192.168.182.143服务器的/tmp目录下升成一个目录,即:GatherLogDirectory这个目录下即存放的是被巡检的服务器的巡检日志,这些日志以被巡检的服务器的
通过将target元素包装在一个jQuery对象中,这些边缘情况得到了照顾,预期的结果是在所有支持的浏览器中实现的: // Setting the inner HTML with jQuery....链接获取元素到jQuery对象 当使用CSS选择器调用jQuery函数时,它将返回一个包含与此选择器匹配的元素的jQuery对象。...一个这样的例子是进行比较。 链接不是所有的jQuery对象都被创建=== 关于这种“包装”行为的一个重要细节是每个包装的对象是唯一的。...即使使用相同的选择器创建对象或包含对完全相同的DOM元素的引用,这一点也是如此。 // Creating two jQuery objects for the same element....如果文档自创建jQuery对象以来可能已经更改,那么应该通过创建一个新的集合来更新该集合。它可以像重新运行同一个选择器一样简单: // Updating the selection.
(本文年代久远,请谨慎阅读)今天学习了JQuery的一些基本用法,包括JQuery选择器和JQuery包装集; 从现在开始,要慎重区分DOM对象和JQuery对象,两种对象的方法不同,属性不同,在使用中要特别注意...的元素”, 完成这些工作只需要编写一个jQuery选择器字符串....而在JQUERY中则完全不同,JQUERY提供了异常强大的选择器用来帮助我们获取页面上的对象,并且将对象以JQUERY包装集的形式返回。 "$"符号在JQUERY中代表对JQUERY框架集的引用。...’+i);//arrDivp[i]是DOM对象,直接用$()转为JQuery对象后调用html方法; JQUERY包装集转DOM对象 通过索引访问到的JQUERY包装集中的单个元素是DOM对象 通过包装集的某些遍历函数...[i].innerHTML = 'div' + i;//通过索引访问到的元素不是JQuery对象,而是DOM对象} JQuery包装集 在此介绍一些基本的JQuery包装集及使用 ready()方法
JQuery 提供了一个可以在大多数浏览器上工作的 API,这在当时使用 JavaScript 是很难实现的。...有网友评论道,“我个人发现普通的 JS API 和 fetch 甚至比 jQuery 的东西更干净。人们仍然出于习惯使用 jQuery,是因为摆脱它需要做很多工作。” jQuery 已“死”?...2018 年,GitHub 宣布从 GitHub.com 的前端代码中完全移除了 jQuery。“早期,jQuery 对我们意义重大。”GitHub 前端工程团队在方式发布的文章里表示。...jQuery 在这个场景下仍然很流行,因为它既简单又有效,人们觉得没必要停止使用它。”jQuery 开发者 Micha Gobiowski-Owczarek 在接受外媒采访时说道。...Micha Gobiowski-Owczarek 也明确表示,为了不与浏览器冲突,jQuery 不会修改原生原型,而是用 jQuery 包装器对象包装 DOM 节点,每个操作都会创建一个新的包装器对象。
这两天给后台页面做页面,我的工作比较简单,只需要写结构和样式就行了,写好之后,后端大哥用ajax重写页面加载数据,顺便给标签添加选中事件,做选中后变色的处理,但是却遇到一个问题,一直选不到触发事件这个对象...要解决要注意3个地方: 1,、函数里要穿参即function check(obj),注意这里的形参不能写this,其他的都可以。...jquery封装的对象,里面提供了jquery的一些方法,并不是html原生对象,通过get(0)才能取到jquery对象里面关联的html对象,从而操作html对象的属性和方法。...) //检测这个checkbox是否被选中 DOM对象转成jQuery对象: 对于已经是一个DOM对象,只需要用$()把DOM对象包装起来,就可以获得一个jQuery对象了。...可能表述的并不完全准确,如果有错欢迎指正,因为现在写代码很少用行内式,所以这个问题还是蛮有趣的,这里指提供解决方法,原理有待我进一步学习,哪些能做形参哪些能做实参,还需要深入了解。
获取元素的方式非常的简单,而且非常的丰富 //2. jQuery的隐式迭代特性,不再需要书写for循环语句。 //3. 使用jQuery完全不用考虑兼容性问题。...jQuery是一个快速的、轻量的、功能丰富的js库。 jQuery的官网 http://jquery.com/ jQuery就是一个js库,使用jQuery的话,会比使用JavaScript更简单。...3. jQuery对象其实就是DOM对象的包装集(包装了DOM对象的集合(伪数组)) jQuery对象与DOM对象的区别: 1. DOM对象与jQuery对象的方法不能混用。 2....css选择器 jQuery完全兼容css选择器 名称 用法 描述 ID选择器 $(“#id”); 获取指定ID的元素 类选择器 $(“.class”); 获取同一类class的元素 标签选择器 $(“div...(联想记忆:不能扛着洗衣机去出差)
库以及使用方法,本篇不会完全讲解jQuery的全部语法 如果希望完全掌握,可以参考网站jQuery API 中文文档 | jQuery API 中文在线手册 | jquery api 下载 | jquery...中的window对象,把元素利用包装成jQuery对象,就可以调用jQuery的方法 代码展示: jQuery对象和DOM对象是两种完全不同的对象: 用原生JS获得来的对象就是DOM对象 用jQuery获得来的对象就是jQuery对象 jQuery对象的本质是: 利用$对DOM对象包装后产生的对象(...选择器 jQuery的选择器与CSS的选择器完全相同: 标签选择器 类选择器 ID选择器 层次选择器 兄弟选择器 代码展示: <!...() // 这里的选择器完全符合CSS选择器的格式,action我们会在下一部分讲到 $('div').click(); $('.class').click
查找元素的方法多种多样,非常灵活 2. 拥有隐式迭代特性,因此不再需要手写for循环了。 3. 完全没有兼容性问题。 4. 实现动画非常简单,而且功能更加的强大。 5. 代码简单、粗暴。...什么是jQuery? jQuery的官网 http://jquery.com/ jQuery就是一个js库,使用jQuery的话,会比使用JavaScript更简单。...jQuery的版本 官网下载地址:http://jquery.com/download/ jQuery版本有很多,分为1.x 2.x 3.x 大版本分类: 1.x版本:能够兼容IE678浏览器 2...3. jQuery对象其实就是DOM对象的包装集(包装了DOM对象的集合(伪数组)) 4. DOM对象与jQuery对象的方法不能混用。 ...区别:js对象与jq对象的方法不能混着用 //5.
所有的简单事件的返回值都是调用此方法的jQuery包装对象。...构造函数传入选择器,返回的是一个jQuery的包装对象 // 大部分的api都是在jQuery包装对象上 // console.dir($inputArray); $inputArray.focus...}); 1.4 触发这些简单事件 1.4.1 直接调用jQuery包装对象的简单绑定事件方法 $('#btn').click(); // 触发点击事件 $('#btn').dbclick...// 2、可以接受一个字符串作为 选择器进行选择页面中元素,返回jQuery包装对象。...要删除特定的委派事件处理程序,提供一个selector 的参数。选择器字符串必须是完全匹配递到.on()事件处理程序附加的选择器。要删除非委托元素上的所有事件,使用特殊值 "**" 。
这种将行为层与结构层完全分离的思想,可以使jQuery开发人员和HTML或其他页面开发人员各司其职,摆脱过去开发冲突或个人单干的开发模式。...注:以上转自《锋利的jQuery》一书 配置jQuery环境 jQuery的环境配置很简单,只需要到官网下载一个.js文件放到工程里就可以了。...传递DOM对象的话,就是直接包装传递过去的DOM对象。传递选择器的名称则包装的是使用这个选择器的DOM对象。...不管传递什么,包装后生成的都是jQuery对象,jQuery对象不能调用DOM对象的方法或属性,例如innerHTML、checked等。jQuery对象只能调用自己的方法,例如html、attr等。...,其他的选择器使用方式可以参考以下jQuery的中文文档: https://www.jquery123.com/ 简单的事件注册: 通过选择器搜索出来的对象包装后是jQuery对象,所以不能使用DOM中的事件注册方式
而我们希望是页面的HTML的文档树对象可进行交互就立即绑定DOM的事件和做一些初始化工作。...3.3 jQuery的包装对象和DOM对象 通过jQuery的选择器选择出来的对象都是jQuery的包装对象,里面封装了jQuery的很多API方法,后续我们会一一学习。...这里简单说一点: jQuery包装对象本身是一个伪数组,选择器返回的所有的DOM元素都会存在jQuery的包装对象中,并且还有很多其他的jQuery特有的api。...console.dir($btn); // jQuery包装对象(所有的选择器选择返回的对象都是jQuery的包装对象。...console.dir($btn2) // 转成jQuery的包装对象之后 ,就拥有了jQuery.fn上的方法api }); 3.4 其他简单选择器 名称 用法
适配器模式 适配器模式Adapter Pattern又称包装器模式Wrapper Pattern是作为两个接口或对象之间的桥梁,这种类型的设计模式属于结构型模式,它结合了两个独立接口或对象的功能,这种模式负责加入独立的或不兼容的接口与对象...在适配器模式中可以定义一个包装类,包装不兼容接口的对象,这个包装类指的就是适配器Adapter,它所包装的对象就是适配者Adaptee,即被适配的类。...也就是说,当客户类调用适配器的方法时,在适配器类的内部将调用适配者类的方法,而这个过程对客户类是透明的,客户类并不直接访问适配者类。因此适配器可以使由于接口不兼容而不能交互的类可以一起工作。...灵活性和扩展性都非常好,通过使用配置文件,可以很方便地更换适配器,也可以在不修改原有代码的基础上增加新的适配器类,完全符合开闭原则。...适用环境 使用一个已经存在的对象,但其方法或属性接口不符合你的要求。 要想创建一个可复用的对象,该对象可以与其它不相关的对象或不可见对象(即接口方法或属性不兼容的对象)协同工作。
最近在做一个自适应的网站,经常遇到需要文本的溢出地方,我写了一个CSS简单设置文本溢出的方法:用css实现文本溢出div显示省略号 但是IE只能设置单行溢出隐藏,Webkit内核浏览器才支持多行溢出,于是找到了这款插件...插件会自动识别大多数元素的显示方式,调整浏览器大小,省略号会即时更新。 插件的下载和安装 插件官网:http://dotdotdot.frebsite.nl 可以在官网直接下载js文件。...*/ API.destroy(); /* 完全恢复元素到它的pre-init状态。 ...*/ API.watch(); /* 开始监视包装器或窗口的宽度和高度。 ...*/ API.unwatch(); /* 停止监视包装器或窗口的宽度和高度。 */ }) 简单的页面演示代码: <!
jQuery简单绑定事件的方式,可以让我绑定多个事件处理程序跟DOM2级绑定事件的方式一样....fn的内部作用域中this指向当前的DOM对象(注意不是jQuery的包装对象) 返回值: jQuery的包装对象!!!...所有的简单事件的返回值都是调用此方法的jQuery包装对象。...1.4 触发这些简单事件 1.4.1 直接调用jQuery包装对象的简单绑定事件方法 $('#btn').click(); // 触发点击事件 $('#btn').dbclick(); // 触发双击事件...要删除特定的委派事件处理程序,提供一个selector 的参数。选择器字符串必须是完全匹配递到.on()事件处理程序附加的选择器。要删除非委托元素上的所有事件,使用特殊值 "**" 。
IE6、7、8浏览器,这样做的目的是为了兼容移动端开发。...通过一个简单的例子,简单区分下jQuery对象与DOM对象: 我们要获取页面上这个id为sss的p元素,然后给这个文本节点增加一段文字:“您好”,并且让文字颜色变成红色...操作DOM的对比,我们不难发现: 通过jQuery方法包装后的对象,是一个类数组对象。...它与DOM对象完全不同,唯一相似的是它们都能操作DOM 通过jQuery处理DOM的操作,可以让开发者更专注业务逻辑的开发,而不需要我们具体知道哪个DOM节点有那些方法,也不需要关心不同浏览器的兼容性问题...如果参数是一个DOM对象,jQuery方法会把这个DOM对象给包装成一个新的jQuery对象 通过$(dom)方法将普通的dom对象加工成jQuery对象之后,我们就可以调用jQuery的方法了
指示该数组对象的元素个数 . context 一般情况下都是指向HtmlDocument对象 . selector 传递进来的选择器内容 jquery对象就是通过jQuery包装DOM对象后产生的对象...jQuery对象是jQuery独有的, 其可以使用jQuery里的方法,但是不能使用DOM的方法;反过来Dom对象也不能使用 jquery的方法。...2)jQuery对象和js对象区别 jQuery对象属于js的数组 jQuery对象是通过jQuery包装的DOM对象后产生的 jQuery对象不能使用DOM对象的方法和属性 DOM对象不能使用jQuery...对象 DOM对象,即是我们用传统的方法(javascript)获得的对象,jQuery对象即是用 jQuery类库的选择器获得的对象。...包装DOM对象后产生的对象,它是jQuery独有的。