2020 年 9月随笔档案 - unfetteredman

jQuery 插件

摘要：jQuery 插件 jQuery 功能比较有限，想要更复杂的特效效果，可以借助于 jQuery 插件完成。这些插件也是依赖于jQuery来完成的，所以必须要先引入 jQuery文件，因此也称为 jQuery 插件。 jQuery 插件常用的网站： jQuery 插件库 http://www.jq2 阅读全文

posted @ 2020-09-26 20:39 unfetteredman 阅读(92) 评论(0) 推荐(0) 编辑

jQuery 拷贝对象

摘要：jQuery 拷贝对象 jQuery中分别为我们提供了两套快速获取和设置元素尺寸和位置的API，方便易用，内容如下。语法演示代码 <script> $(function() { // 1.合并数据 var targetObj = {}; var obj = { id: 1, name: "and 阅读全文

posted @ 2020-09-26 20:37 unfetteredman 阅读(184) 评论(0) 推荐(0) 编辑

jQuery 事件

摘要：1jQuery 事件注册 jQuery 为我们提供了方便的事件注册机制，是开发人员抑郁操作优缺点如下：优点: 操作简单，且不用担心事件覆盖等问题。缺点: 普通的事件注册不能做事件委托，且无法实现事件解绑，需要借助其他方法。语法演示代码 <body> <div></div> <script> 阅读全文

posted @ 2020-09-26 20:34 unfetteredman 阅读(129) 评论(0) 推荐(0) 编辑

jQuery 尺寸、位置操作

摘要：1. jQuery 尺寸操作 jQuery 尺寸操作包括元素宽高的获取和设置，且不一样的API对应不一样的盒子模型。代码演示 <body> <div></div> <script> $(function() { // 1. width() / height() 获取设置元素 width和heigh 阅读全文

posted @ 2020-09-26 20:24 unfetteredman 阅读(172) 评论(0) 推荐(0) 编辑

jQuery 元素操作

摘要：jQuery 元素操作 jQuery 元素操作主要讲的是用jQuery方法，操作标签的遍历、创建、添加、删除等操作。 1.3.1. 遍历元素 jQuery 隐式迭代是对同一类元素做了同样的操作。如果想要给同一类元素做不同操作，就需要用到遍历。语法1 注意：此方法用于遍历 jQuery 对象中的每阅读全文

posted @ 2020-09-26 20:20 unfetteredman 阅读(142) 评论(0) 推荐(0) 编辑

jQuery 文本属性值(html() / text() / val() )

摘要：jQuery 文本属性值 jQuery的文本属性值常见操作有三种：html() / text() / val() ; 分别对应JS中的 innerHTML 、innerText 和 value 属性。 1 jQuery内容文本值常见操作有三种：html() / text() / val() ; 分阅读全文

posted @ 2020-09-26 20:13 unfetteredman 阅读(135) 评论(0) 推荐(0) 编辑

jQuery 属性操作(prop() / attr() / data() )

摘要：1 元素固有属性值 prop() 所谓元素固有属性就是元素本身自带的属性，比如 <a> 元素里面的 href ，比如 <input> 元素里面的 type。注意：prop() 除了普通属性操作，更适合操作表单属性：disabled / checked / selected 等。 2 元素自定义属性阅读全文

posted @ 2020-09-26 20:11 unfetteredman 阅读(177) 评论(0) 推荐(0) 编辑

6 jQuery效果（slide[in | out]，fade[in |out | to],show/hide,animate,hover）

摘要：jQuery 给封装了很多动画效果，最为常见的如下：显示隐藏：show() / hide() / toggle() ; 划入画出：slideDown() / slideUp() / slideToggle() ; 淡入淡出：fadeIn() / fadeOut() / fadeToggle() / 阅读全文

posted @ 2020-09-26 20:05 unfetteredman 阅读(227) 评论(0) 推荐(0) 编辑

5jQuery中对样式的常用操作

摘要：jQuery中常用的样式操作有两种：css() 和设置类样式方法方法1: 操作 css 方法 jQuery 可以使用 css 方法来修改简单元素样式；也可以操作类，修改多个样式。常用以下三种形式 : 1 // 1.参数只写属性名，则是返回属性值 2 3 var strColor = $(thi 阅读全文

posted @ 2020-09-25 23:49 unfetteredman 阅读(96) 评论(0) 推荐(0) 编辑

4 jQuery 选择器

摘要：原生 JS 获取元素方式很多，很杂，而且兼容性情况不一致，因此 jQuery 给我们做了封装，使获取元素统一标准。基础选择器 $("选择器") // 里面选择器直接写 CSS 选择器即可，但是要加引号基础选择器和层级选择器案例代码 <body> <div>我是div</div> <div cla 阅读全文

posted @ 2020-09-25 16:22 unfetteredman 阅读(89) 评论(0) 推荐(0) 编辑

3

摘要：1jQuery中的顶级对象

是 jQuery 的别称，在代码中可以使用 jQuery 代替，但一般为了方便，通常都直接使用

。

$。$ 是jQuery的顶级对象，相当于原生JavaScript中的 window。把元素利用$包装成jQuery对象，就可以调用jQuery 的方法 2jQuery 对阅读全文

posted @ 2020-09-25 16:11 unfetteredman 阅读(86) 评论(0) 推荐(0) 编辑

2 jQuery的入口函数

摘要：jQuery中常见的两种入口函数：第一种: 简单易用。 1

(f u n c t i o n () 2 . . . / / 此 处 是 页 面 D O M 加 载 完 成 的 入 口 3); 第 二 种 : 繁 琐 ， 但 是 也 可 以 实 现 1

$(function () { 2 ... // 此处是页面 DOM 加载完成的入口 3 }) ; 第二种: 繁琐，但是也可以实现 1$ (document).ready(function(){ 2 ... // 此处是页面DOM加载完成阅读全文

posted @ 2020-09-25 16:05 unfetteredman 阅读(162) 评论(0) 推荐(0) 编辑

1 jQuery的概述

摘要：jQuery总体概况如下 : jQuery 是一个快速、简洁的 JavaScript 库，其设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。 j 就是 JavaScript； Query 查询；意思就是查询js，把js中的DOM操作做了封装，我们可以快速的查阅读全文

posted @ 2020-09-25 16:00 unfetteredman 阅读(156) 评论(0) 推荐(0) 编辑

清除浮动的常用4种方式

摘要：1，额为标签法：（隔墙法）在父级元素里面，给浮动元素的最后一个添加一个空标签（必须是块级元素才行），标签添加clear：both；属性； 2，父级添加overflow属性：可以给父元素添加overflow属性：值可以设置为hidden，auto，scroll属性 3，父级元素添加after伪元素阅读全文

posted @ 2020-09-16 20:14 unfetteredman 阅读(265) 评论(0) 推荐(0) 编辑

js—BOM：浏览器对象模型

摘要：1 BOM：浏览器对象模型 2 load等页面全部加载完毕，包含页面dom元素，图片，flash，css等 3 window.onload = function(); //　当页面 DOM 结构中的 js、css、图片，以及 js 异步加载的 js、css 、图片都加载完成之后，才会触发 load 阅读全文

posted @ 2020-09-05 20:58 unfetteredman 阅读(123) 评论(0) 推荐(0) 编辑

jsDOM事件流

摘要：1 DOM事件流： 2 事件流描述的是从页面中接受事件的顺序。事件发生时会在元素节点之间按照特定的顺序传播，这个过程即DOM事件流。 3 DOM事件流分为三个阶段： 4 1，捕获阶段 5 2，当前目标阶段 6 3，冒泡阶段 7 事件冒泡：IE最早提出，事件开始是由最具体的元素接收，然后逐级向上传播到阅读全文

posted @ 2020-09-05 20:57 unfetteredman 阅读(308) 评论(0) 推荐(0) 编辑

js监听事件

摘要：1 监听事件： 2 传统监听事件： 3 添加监听事件： 4 elementTarget.onclick = function(){} 5 移除监听事件： 6 elementTarget.onclick = function(){ 7 elementTarget.onclick = null; //当阅读全文

posted @ 2020-09-05 20:55 unfetteredman 阅读(494) 评论(0) 推荐(0) 编辑

js常见事件操作

摘要：1 事件操作： 2 onclick //鼠标点击触发事件 3 onmouseover //鼠标经过事件 4 onmouseout //鼠标离开触发 5 onfocus //鼠标获得焦点触发 6 onblur //鼠标失去焦点触发 7 onmousemove //鼠标移动触发 8 onmouseup 阅读全文

posted @ 2020-09-05 20:53 unfetteredman 阅读(143) 评论(0) 推荐(0) 编辑

js节点常用操作

摘要：1 节点：节点就是w3c推荐的处理可扩展标记语言（HTML或者xml）的标准编程接口，可以通过这些dom接口可以改变网页内容，结构和样式； 2 节点类型： 3 元素节点:nodetype=1; 4 属性节点:nodeTyep=2; 5 文本节点:nodeTyep=3;//（文字，空格，换行） 6 获阅读全文

posted @ 2020-09-05 20:52 unfetteredman 阅读(302) 评论(0) 推荐(0) 编辑

js获取元素

摘要：1 获取元素： 2 根据选择：IE8以后支持； 3 document.querySelector('.class'||'#id'||'Element'); //(.class)?(#id)?(标签元素），返回一个元素； 4 document.querySelectorAll()； //返回指定的元素阅读全文

posted @ 2020-09-05 20:49 unfetteredman 阅读(185) 评论(0) 推荐(0) 编辑

我们身边的大数据

摘要：看懂“大数据”，这一篇就够了！近年来，大数据这个词的热度很高，受到公众的广泛关注。对于很多人来说，当他第一次听到“大数据”这个词，会自然而然从字面上去理解——认为大数据就是大量的数据，大数据技术就是大量数据的存储技术。但事实上，它并不只是一项存储技术，而是一系列和海量数据相关的抽取、集成、管理阅读全文

posted @ 2020-09-05 20:38 unfetteredman 阅读(2329) 评论(0) 推荐(0) 编辑

js_隔10秒发送验证码（setInterrval定时器）

摘要：1 <body> 2 <input type="text" /><button>发送</button> 3 <script> 4 var btn = document.querySelector('button') 5 // 定义一个变量，在定时器里面，不断递减 6 var time = 10 7 阅读全文

posted @ 2020-09-05 15:45 unfetteredman 阅读(206) 评论(0) 推荐(0) 编辑

js_定时器（setInterval）