【js模仿jquery里的几个方法next, pre, nextAll, preAll】的更多相关文章

js模仿jquery里的几个方法next, pre, nextAll, preAll

/*siblings函数, 选取node的所有兄弟节点*/ function siblings(node){ if(node.nodeType === 1){ node.flag = true; //给当前节点打上一个标志 var children = node.parentNode.childNodes, length = children.length, tempArray = [], i = 0; for(; i < length; i++){ if(!children[i].flag &am…

js模仿jquery里的几个方法parent, parentUntil, children

有时工作需要, 也是接着上一章的方法, 用js模仿jquery里的几个方法parent, parentUntil, children. function parent(node){ return node.parentNode || null; } function parentUntil(node, parentNode){ while(parent(node) != parentNode){ node = parent(node); } return parentNode; } functi…

详解js和jquery里的this关键字

详解js和jquery里的this关键字 js中的this 我们要记住:this永远指向函数运行时所在的对象!而不是函数被创建时所在的对象.this对象是在运行时基于函数的执行环境绑定的,在全局环境中,this等于window 先来看个例子: <script> var fullname = "Trigkit4"; var person = { fullname : 'Jack', prop:{ fullname : 'Blizzard', getFullname : fun…

jquery里正则的使用方法及常用的正则验证

本文是一篇关于jquery使用正则来验证输入,及一些常用验证规则的基础文章,适合新手. 假设我们的网页里有这样的一个表单: <input id="aijquery" type="text"> <button id="btn">验证</button> 1.验证用户输入的只能是英文和数字: $("#btn").click(function(){ var $aijquery=$("#ai…

jquery里互为逆过程的方法

jquery里互为逆过程的方法reverse 在jquery里,有不少互为逆过程的方法,如parent()与children(),parents()与find(),first()和last()等,这些联合起来有助于理解. 一 children()和parent() 这是一对遍历dom的jquery方法,这两个方法只查找元素的上一级或者下一级,接受selector参数.不会继续向上或者向下查找.eg: html: <div>grandfather <div>parent <di…

JS删除String里某个字符的方法

关于JS删除String里的字符的方法,一般使用replace()方法.但是这个方法只会删除一次,如果需要将string里的所以字符都删除就要用到正则. 1 2 3 4 var str = "abcdaabbssaaa"; var reg = new RegExp("a","g"); var a = str.replace(reg,""); console.log(a); 这里用 new RegExp()这个方法创建正则,第一…

用原生js模仿jquery

阅读声明:本文档仅供学习,由于个人能力有限,文档中有错漏的地方还请指出,大家共同学习. 目前在学习怎么样写jquery,模仿阶段,有兴趣的同学可以和我一起学习,共同交流,在学习的路上希望有你做伴. 在写这个jquery入口模式的时候,首先要知道有几种模式,然后再去些:我知道的有两种:一:$(function () {需要在Document文档加载完成后执行的代码})二:$(document).ready(function () {需要在Document文档加载完成后执行的代码}) 目录结构:in…

玩转web之javaScript(五)---js和jquery一些不可不知的方法（input篇）

很多时候我们都利用js和jquery中操作input,比如追加属性,改变属性值等等,我在这里简单的整理了一下,并在以后逐步补充. 1:删除input的某一属性. <input name="code" id="code" readonly="true"/>该input包含一个readonly属性,该属性表示该input是只读的,我们可以使用jquery的方法:$('#code').removeAttr("readonly&qu…

用原生JS模仿jquery,需要HTML5的支持

jQuery是现在最流行的JavaScript工具库. 据统计,目前全世界57.3%的网站使用它.也就是说,10个网站里面,有6个使用jQuery.如果只考察使用工具库的网站,这个比例就会上升到惊人的91.7%. 虽然jQuery如此受欢迎,但是它臃肿的体积也让人头痛不已.jQuery 2.0的原始大小为235KB,优化后为81KB:如果是支持IE6.7.8的jQuery 1.8.3,原始大小为261KB,优化后为91KB. 这样的体积,即使是宽带环境,完全加载也需要1秒或更长,更不要说移动设备…

使用原生js模拟jQuery选择器，实现new方法，兼容ie5

// 考虑到兼容ie5,未使用es6语法 /* 使用方法: 在<head>标签中(需使用ready方法): <script src="./jQuery2.js"></script> <script> var jQuery = new jQuery() $ = jQuery.dealParams jQuery.ready(function(){ console.log($('#list')); console.log($('li')); c…