Web前端基础(16):jQuery基础(三)
1. jQuery动画效果 jQuery提供的一组网页中常见的动画效果，这些动画是标准的、有规律的效果；同时还提供给我们了自定义动画的功能。 1.1 显示动画 方式一： $("div").show(); 无参数，表示让指定的元素直接显示出来。其实这个方法的底层就是通过display: block;实 ...
Web前端基础(15):jQuery基础(二)
1. jQuery选择器 jQuery选择器是jQuery强大的体现，它提供了一组方法，让我们更加方便的获取到页面中的元素。 1.1 基本选择器 例子如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>< ...
Web前端基础(14):jQuery基础(一)
1. jQuery概述 1.1 为什么要使用jQuery 在用js写代码时，会遇到一些问题： window.onload 事件有事件覆盖的问题，因此只能写一个事件。 代码容错性差。 浏览器兼容性问题。 书写很繁琐，代码量多。 代码很乱，各个页面到处都是。 动画效果很难实现。 jQuery的出现，可以 ...
jQuery 源码解析(二十五) DOM操作模块 html和text方法的区别
html和text都可以获取和修改DOM节点里的内容，方法如下: html(value) ;获取匹配元素集合中的一个元素的innerHTML内容，或者设置每个元素的innerHTML内容， ;value可选，可以是html代码或返回html代码的函数,如果没有参数则获取匹配元素集合中第一个元素的in ...
JS中判断null、undefined与NaN的方法
1.判断undefined: var tmp = undefined; if (typeof(tmp) == "undefined"){ console.log("undefined"); } 说明：typeof 返回的是字符串，有六种可能："number"、"string"、"boolean"、" ...
jQuery 源码解析(二十四) DOM操作模块 包裹元素 详解
本节说一下DOM操作模块里的包裹元素子模块，该模块可将当前匹配的元素替换指定的DOM元素,有如下方法: wrap(html) ;在每个匹配元素的外层添加一层DOM元素 ;该方法会遍历匹配元素集合，在每个元素上调用.wrapAll()方法 ;不同于wrapAll()的是该方法会在每个匹配元素外面都套一 ...
关于前端ajax请求url为何添加一个随机数
一.起因 我在做爬虫的时候发现很多网站上都在url上加一个 一开始我以为是啥加密后面发现其实他在后台解析的时候也不需要 ,那他加个随机数是做啥子 二.查看文献得到总结 常用修改url方式 ...
jQuery 源码解析(二十三) DOM操作模块 替换元素 详解
本节说一下DOM操作模块里的替换元素模块，该模块可将当前匹配的元素替换指定的DOM元素,有两个方法，如下: replaceWith(value) ;使用提供的新内容来替换匹配元素集合中的每个元素。value是新内容，可以是html字符串、DOM元素、jQuery对象或返回新内容的函数。 replac ...
js获取列表多条数据(接口)
读取数据：//ajax去服务器端校验$.ajax({ type:"post", url:"http://", data:{deviceid:1}, dataType:'json', success : function(data) { var jsonText = data; var ab= eva ...
jQuery 源码解析(二十二) DOM操作模块 复制元素 详解
本节说一下DOM操作模块里的复制元素子模块，该模块可以复制一个DOM节点，并且可选择的设置是否复制其数据缓存对象(包含事件信息)和是否深度复制(子孙节点等),API如下: $.clone(elem, dataAndEvents, deepDataAndEvents) ;jQuery底层方法，返回DO ...
编辑表格输入内容、根据input输入框输入数字动态生成表格行数、编辑表格内容提交传给后台数据处理
编辑表格输入内容、根据input输入框输入数字动态生成表格行数、编辑表格内容提交传给后台数据处理 记录自己学习做的东西，写的小demo，希望对大家也有帮助！ 代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></tit ...
jQuery 源码分析(二十一) DOM操作模块 删除元素 详解
本节说一下DOM操作模块里的删除元素模块，该模块用于删除DOM里的某个节点，也可以理解为将该节点从DOM树中卸载掉，如果该节点有绑定事件，我们可以选择保留或删除这些事件，删除元素的接口有如下三个: empty() ;移除匹配元素的所有子元素。 ;先移除所有后代元素关联的数据和事件，以避免内存泄漏。然 ...
jsonp格式前端发送和后台接受写法
`jsonp是ajax提交的一种格式不会受跨域限制` 一.前端发送 二.后台接受 ...
jQuery 源码分析(二十) DOM操作模块 插入元素 详解
jQuery的DOM操作模块封装了DOM模型的insertBefore()、appendChild()、removeChild()、cloneNode()、replaceChild()等原生方法。分为5个子模块来实现:插入元素、删除元素、复制元素、替换元素和包裹元素，本节讲解第一个子模块:插入元素 ...
jQuery 源码分析(十九) DOM遍历模块详解
jQuery的DOM遍历模块对DOM模型的原生属性parentNode、childNodes、firstChild、lastChild、previousSibling、nextSibling进行了封装和扩展，用于在DOM树中遍历父元素、子元素和兄弟元素。 可以通过jQuery的实例来访问，方法如下: ...
下拉框一级树形多选 框
有一个单选下拉框要改成多选，里面还有一个全部选项，当选择全部时要全部勾选上，类似于树形下拉框。效果如下： 传到后台的数据就根据自己的需要做修改了，当选择全部时就只传全部这一个值，但后台查出来的数据是要满足所有项的，当然取消全部时在查询的时候也还是要满足所有项。代码如下： 添加fSelect.css， ...
JQuery里input属性赋值，取值prop()和attr()方法？
一.赋值的时候 如果是<input type="checkbox" checked>这样的只有属性名就能生效的属性 推荐prop，即：$('input').prop('checked',true); 同时，false表示取消，即：$('input').prop('checked',false); 当 ...
jQuery 源码分析(十八) ready事件详解
ready事件是当DOM文档树加载完成后执行一个函数(不包含图片，css等)，因此它的触发要早于load事件。用法: $(document).ready(fun) ;fun是一个函数，这样当DOM树加载完毕后就会执行该匿名函数了 ready有一个简写，可以直接传入$(fun)即可，这是因为在jQue ...
jQuery 源码分析(十七) 事件系统模块 实例方法和便捷方法 详解
实例方法和便捷方法是指jQuery可以直接通过链接操作的方法，是通过调用$.event上的方法(上一节介绍的底层方法)来实现的，常用的如下: on(types,selector,data,fn,one) ;为匹配元素集合中的每个元素绑定一个或多个类型的事件监听函数 types ;事件类型字符串，多个 ...
