Dulk's Blog

摘要： 因为DOM结构就是层级结构，所以我们经常要根据层级关系进行选择。1、层级选择器$('ancestor descendant')，选择祖先中的子孙，中间留空格：$('form[name=upload] input'); //选择name属性为upload的表单里的 2 1$('form[name=upload] input'); 2//选择name属性为upload的表单里的多层选择也是允许的：$... 阅读全文

摘要： 1、jQuery概要JavaScript的一个库，只是一个jquery-xxx.js的文件，它可以让你写更少的代码，做更多的事。$是著名的jQuery符号。实际上，jQuery把所有功能全部封装在一个全局变量jQuery中，而$也是一个合法的变量名，它是变量jQuery的别名。jQuery选择器得到的对象是一个jQuery对象，已经不是普通JS通过方法获取的HTML对象了，它类似数组，每个元素都是... 阅读全文

摘要： 1、操作表单1.1 表单提交之前提到过使用JS操作DOM，实际上这里操作表单的方式是一样的。获取表单中的值和状态等，再对其节点加以利用其属性如value、checked等属性就可以了。这里主要描述表单提交的方式，一般浏览器默认点击 时提交表单，实际上，我们稍作变化，下面也是我们经常可以使用的提交表单的方式：第一种button响应click事件，触发方法抓取节点form，通过该对象的submit(... 阅读全文

摘要： 1、DOM操作梗概本篇内容实际上在另一篇笔记《从JS和jQuery浅谈DOM操作》已经提到了重点的地方，可以戳链接另外进行阅读。以前提到过，实际上HTML在被浏览器加载以后，会变成 “一棵DOM树”，里面的节点都是HTML DOM对象，而我们针对于DOM的操作，也就是针对这些节点对象来进行的，一般来说就是增、删、改、查（遍历）操作。最常见的获取DOM节点的方式，无非是 document.getEl... 阅读全文

摘要： 1、BOM 和 DOM参考链接：DOM, DOCUMENT, BOM, WINDOW 有什么区别?浏览器对象模型 Browser Object Model，在下图中管A-D区，是为了操作浏览器出现的API，window是其的一个对象；文档对象模型 Document Object Model，在下图中管E区，是为了操作浏览器出现的API，document是其的一个对象。JS可以获得浏览器提供的很多对... 阅读全文

摘要： 0、写在前面的话自己对前端的东西一直不是很熟，现在开始要想办法从前端各个地方去获取想要的属性值的时候，也基本是在网上现炒现卖，几周下来，发现自己还是迷迷糊糊，可以算是一无所获。所以就抽时间，把这一块的东西收集整理一下，免得每次为了得到一个值要上网查询鼓捣一万年，实在是浪费时间，知其然知其所以然，才能让问题迎刃而解。这篇博文应该说结构还不够完整，有些知识点还没提到，覆盖的内容其实主要还是为了满足我现... 阅读全文

摘要： 1、原型继承在上一篇中，我们提到，JS中原型继承的本质，实际上就是 “将构造函数的原型对象，指向由另一个构造函数创建的实例”。这里，我们就原型继承的概念，再进行详细的理解。首先回顾一下之前的一个示例，Student构造函数 和 原型链：function Student(props) { this.name = props.name || 'Unnamed'; } Student.pro... 阅读全文

摘要： 1、JS中对象的”不同”：原型概念从Java中我们可以很好地去理解 “类” 和 “实例” 两个概念，可是在JavaScript中，这个概念却不一样。JavaScript不区分类和实例的概念，而是通过原型（prototype）来实现面向对象编程。原型是指当我们想要创建一个具体对象时，并没有像Java中那样有类可以使用，但是却可以利用类似“继承”的方式，这里类似“父类”的对象，就是所谓的原型。（再简单... 阅读全文

摘要： 1、基本概念 和 定义用一种描述性的语言来给字符串定义一个规则，你可以形象地理解正则表达式是一个“框”，凡是符合大小形状条件的字符串，都算是“匹配“了。JS中有两种方式定义正则表达式：通过 /正则表达式/ 写出来；通过 new RegExp(' 正则表达式 ') 创建RegExp对象var re1 = /ABC\-001/; var re2 = new RegExp('ABC\\-001'); ... 阅读全文

摘要： 0、写在前面的话在JS世界中，一切都是对象，区别对象类型使用tyepof，返回一个字符串，如：typeof 123; // 'number' typeof NaN; // 'number' typeof 'str'; // 'string' typeof true; // 'boolean' typeof undefined; // 'undefined' typeof Math.abs; //... 阅读全文