经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
 jQuery

Web前端基础(16):jQuery基础(三)

1. jQuery动画效果 jQuery提供的一组网页中常见的动画效果,这些动画是标准的、有规律的效果;同时还提供给我们了自定义动画的功能。 1.1 显示动画 方式一: $("div").show(); 无参数,表示让指定的元素直接显示出来。其实这个方法的底层就是通过displ...[2019/11/20]

Web前端基础(17):jQuery基础(四)

1. jQuery的属性操作 jquery的属性操作模块分为四个部分:html属性操作,dom属性操作,类样式操作和值操作 html属性操作:是对html文档中的属性进行读取,设置和移除操作。比如attr()、removeAttr() DOM属性操作:对DOM元素的属性进行读取,设...[2019/11/20]

彻底抛弃 jQuery ,不然还留着过年?

我以前很喜欢 jQuery,而且说实话,我是先学jQuery,再学 JavaScript 的。所以我写这篇文章有点像是在背叛 jQuery。 我知道,关于为什么不应该用 jQuery 的文章已经汗牛充栋,但我只是想说下自己的亲身体验。 不用 jQuery 用什么? 随着 web 的...[2019/11/20]

Web前端基础(18):jQuery基础(五)

1. 事件  前面我们介绍完js的事件流的概念之后,相信大家对事件流也有所了解了。那么接下来我们看一下jquery的事件操作。 在说jquery的每个事件之前,我们先来看一下事件对象 。 1.1 事件对象 Event 对象代表事件的状态,比如事件在其中发生的元...[2019/11/20]

Web前端基础(19):jQuery基础(六)

Web前端基础(19):jQuery基础(六)

1. ajax 1.1 什么是ajax AJAX = 异步的javascript和XML(Asynchronous Javascript and XML) 简言之,在不重载整个网页的情况下,AJAX通过后台加载数据,并在网页上进行显示。 通过 jQuery AJAX 方法,您能够使用...[2019/11/20]

day 49

目录 jQuery的补充 基本筛选器 属性选择器 表单选择器 筛选器方法 操作标签 样式操作 位置操作 尺...[2019/11/20]

前端之jQuery

目录 jQuery介绍 jQuery引入方式 jQuery基础语法 查找标签 基本选择器 id选择器 标签选择器 ...[2019/11/20]

jQuery 源码解析(二十六) 样式操作模块 样式详解

样式操作模块可用于管理DOM元素的样式、坐标和尺寸,本节讲解一下样式相关,样式操作通过jQuery实例的c 方法来实现,该方法有很多的执行方法,如下: c (obj)             ;参数1是一个...[2019/11/20]

jQuery 源码解析(二十四) DOM操作模块 包裹元素 详解

本节说一下DOM操作模块里的包裹元素子模块,该模块可将当前匹配的元素替换指定的DOM元素,有如下方法: wrap(html)               ;在每个匹配元素的外层添加一层DOM元素&...[2019/11/19]

JS中判断null、undefined与NaN的方法

JS中判断null、undefined与NaN的方法

1.判断undefined: var tmp = undefined; if (typeof(tmp) == "undefined"){  console.log("undefined"); } 说明:typeof 返回的是字符串,有六种可能:"...[2019/11/19]

jQuery 源码解析(二十五) DOM操作模块 html和text方法的区别

html和text都可以获取和修改DOM节点里的内容,方法如下: html(value)     ;获取匹配元素集合中的一个元素的innerHTML内容,或者设置每个元素的innerHTML内容,     ...[2019/11/19]

Web前端基础(14):jQuery基础(一)

1. jQuery概述 1.1 为什么要使用jQuery 在用js写代码时,会遇到一些问题: window.onload 事件有事件覆盖的问题,因此只能写一个事件。 代码容错性差。 浏览器兼容性问题。 书写很繁琐,代码量多。 代码很乱,各个页面到处都是。 动画效果很难实现。...[2019/11/19]

Web前端基础(15):jQuery基础(二)

1. jQuery选择器 jQuery选择器是jQuery强大的体现,它提供了一组方法,让我们更加方便的获取到页面中的元素。 1.1 基本选择器 例子如下:     <!DOCTYPE html> <html lang="en">...[2019/11/19]

关于前端ajax请求url为何添加一个随机数

一.起因 我在做爬虫的时候发现很多网站上都在url上加一个随机数或者时间戳一开始我以为是啥加密后面发现其实他在后台解析的时候也不需要不排除有些网站他反爬就需要一个时间戳,那他加个随机数是做啥子 二.查看文献得到总结 ajax填入相同的url的时候会使用缓存 而加时间戳或者随机数就是改...[2019/11/14]

jquery获取input输入框中的值

如何用javascript获取input输入框中的值,j jq通过name、id、cla 获取input输入框中的value 先准备一段 HTML <input type="text" id="CN_NAME" name="CN_NAME" cla ="CN_NAME">...[2019/11/13]

jQuery实现滑动星星评分效果(每日分享)

每日分享效果,今天分享一个jQuery滑动星星评分效果。 jQuery星星评分制作5颗星星鼠标滑过评分打分效果,可取消评分结果,重新打分。 HTML代码: <!DOCTYPE html> <html lang="en"> <head>...[2019/11/13]

jQuery 源码解析(二十三) DOM操作模块 替换元素 详解

本节说一下DOM操作模块里的替换元素模块,该模块可将当前匹配的元素替换指定的DOM元素,有两个方法,如下: replaceWith(value)     ;使用提供的新内容来替换匹配元素集合中的每个元素。value是新内容,可以是html字符串、DOM元素...[2019/11/13]

js获取列表多条数据(接口)

js获取列表多条数据(接口)

读取数据: ajax去服务器端校验$.ajax({ type:"post", url:"http: ", data:{deviceid:1}, dataType:''json'', succe : function(data) { var...[2019/11/12]

jQuery 源码解析(二十二) DOM操作模块 复制元素 详解

本节说一下DOM操作模块里的复制元素子模块,该模块可以复制一个DOM节点,并且可选择的设置是否复制其数据缓存对象(包含事件信息)和是否深度复制(子孙节点等),API如下: $.clone(elem, dataAndEvents, deepDataAndEvents) &nbs...[2019/11/12]

编辑表格输入内容、根据input输入框输入数字动态生成表格行数、编辑表格内容提交传给后台数据处理

编辑表格输入内容、根据input输入框输入数字动态生成表格行数、编辑表格内容提交传给后台数据处理

编辑表格输入内容、根据input输入框输入数字动态生成表格行数、编辑表格内容提交传给后台数据处理 记录自己学习做的东西,写的小demo,希望对大家也有帮助! 代码如下: <!DOCTYPE html> <html> <head> ...[2019/11/8]

jQuery 源码分析(二十一) DOM操作模块 删除元素 详解

jQuery 源码分析(二十一) DOM操作模块 删除元素 详解

本节说一下DOM操作模块里的删除元素模块,该模块用于删除DOM里的某个节点,也可以理解为将该节点从DOM树中卸载掉,如果该节点有绑定事件,我们可以选择保留或删除这些事件,删除元素的接口有如下三个: empty()        ...[2019/11/8]

jsonp格式前端发送和后台接受写法

jsonp是ajax提交的一种格式不会受跨域限制 一.前端发送 <button>11111</button> <script src="https: cdn.static.runoob.com/lib jquery/1.8.3/jquery.js...[2019/11/7]

jQuery利用cookie 实现本地收藏功能(不重复无需多次命名)

1、cookie是什么: ①、cookie 是存储于访问者计算机中的变量。每当一台计算机通过浏览器来访问某个页面时,那么就可以通过 JavaScript 来创建和读取 cookie。   ②、实际上 cookie 是存于用户硬盘的一个文件,这个文件通常对应于一个域名,当浏览器再次访...[2019/11/7]

jQuery 源码分析(二十) DOM操作模块 插入元素 详解

jQuery的DOM操作模块封装了DOM模型的insertBefore()、appendChild()、removeChild()、cloneNode()、replaceChild()等原生方法。分为5个子模块来实现:插入元素、删除元素、复制元素、替换元素和包裹元素,本节讲解第一个子模块...[2019/11/6]

js 事件

JS使用方法   模态窗提供了四个事件:   1.show.bs.modal在显示之前触发   2.shown.bs.modal在显示之后触发   3.hide.bs.modal在隐藏之前触发   4.hidden.bs.modal在隐藏之后触发 原文链接:htt...[2019/11/4]

下拉框一级树形多选 框

下拉框一级树形多选 框

   有一个单选下拉框要改成多选,里面还有一个全部选项,当选择全部时要全部勾选上,类似于树形下拉框。效果如下:           传到后台的数据就根据自己的需要做修改了,当选择全部时就只传全部这...[2019/11/4]

jQuery 源码分析(十九) DOM遍历模块详解

jQuery的DOM遍历模块对DOM模型的原生属性parentNode、childNodes、firstChild、lastChild、previousSibling、nextSibling进行了封装和扩展,用于在DOM树中遍历父元素、子元素和兄弟元素。 可以通过jQuery的实例来...[2019/11/4]

JQuery里input属性赋值,取值prop()和attr()方法?

JQuery里input属性赋值,取值prop()和attr()方法?

一.赋值的时候 如果是<input type="checkbox" checked>这样的只有属性名就能生效的属性 推荐prop,即:$(''input'').prop(''checked'',true); 同时,false表示取消,即:$(''input'').pro...[2019/11/1]

jQuery 源码分析(十八) ready事件详解

ready事件是当DOM文档树加载完成后执行一个函数(不包含图片,c 等),因此它的触发要早于load事件。用法: $(document).ready(fun)    ;fun是一个函数,这样当DOM树加载完毕后就会执行该匿名函数了 ready有一个简写,可以直接传入$(fun)即...[2019/11/1]

JQuery 常用网址

http: www.bejson.com/apidoc/jquery/c .html  操作手册 https: jquery.com/   JQuery官网 一、JQuery插件的网站 1、https: plugins.jqu...[2019/10/31]

jQuery 源码分析(十七) 事件系统模块 实例方法和便捷方法 详解

实例方法和便捷方法是指jQuery可以直接通过链接操作的方法,是通过调用$.event上的方法(上一节介绍的底层方法)来实现的,常用的如下: on(types,selector,data,fn,one)  ;为匹配元素集合中的每个元素绑定一个或多个类型的事件监听函数 types&nb...[2019/10/30]

jQuery animate() 方法

定义和用法 animate() 方法执行 CSS 属性集的自定义动画。 该方法通过 CSS 样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的,这样就可以创建动画效果。 只有数字值可创建动画(比如 "margin:30px")。字符串值无法创建动画(比如 "ba...[2019/10/29]

$.ajaxSetup()与$.ajax()区别

ajaxSetup()其使用方法与ajax()并无区别,只是在其之后的ajax()不用再重复添加相同参数,节省了代码量。 附:API中关于jQuery.ajaxSetup([options])的描述和jQuery 代码: 描述: 设置 AJAX 请求默认地址为 “/xmlhttp/”,禁...[2019/10/29]

layUI

*** 【Layer】 ****************************************************************************************************************************Layer弹窗:...[2019/10/28]

jQuery 源码分析(十六) 事件系统模块 底层方法 详解

jQuery事件系统并没有将事件监听函数直接绑定到DOM元素上,而是基于数据缓存模块来管理监听函数的,事件模块代码有点多,我把它分为了三个部分:分底层方法、实例方法和便捷方法、ready事件来讲,好理解一点。 jQuery的事件分为普通事件和代理事件: 普通事件  ;当我们再div上...[2019/10/28]

web前端学习教程,jQuery仿搜索引擎搜索框下拉提示源码

jQuery仿搜索引擎搜索框下拉提示关键词选择代码,多个搜索引擎切换,点击搜索框下拉弹出热门关键词列表,点击进行快捷搜索功能。 案例效果图 源码 1 <!DOCTYPE html> 2 <html lang="en"> 3 <...[2019/10/28]

jQuery 源码分析(十五) 数据操作模块 val详解

jQuery的属性操作模块总共有4个部分,本篇说一下最后一个部分:val值的操作,也是属性操作里最简单的吧,只有一个API,如下: val(vlaue)        ;获取匹配元素集合中第一个元素的当前值,或者设置匹配元...[2019/10/25]

jQuery基础事件处理

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev...[2019/10/25]

jQuery组件封装之return this.each(function () {});

记录一下自己的调试历程  组件封装经常看到这么一段代码 $.fn.plugin = function (options) { return this.each(function (i,t) { new Fun(this, ...[2019/10/25]

jQuery基础

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev...[2019/10/25]

todolist 包含本地存储知识

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev...[2019/10/24]

jq处理动画累加

问题:日程提醒(跟日历一样的切换效果),只用一个div来展示当天日程数据,每次清空div里的数据再加载数据,导致切换日期时,数据展示div有闪动,于是采用动画来进行过渡,这样就巧妙地避免了闪动; $("#siteInfo").hide(function () { $("...[2019/10/24]

jquery 根据后台传递过来的三维数组动态生成三级菜单

jquery 根据后台传递过来的三维数组动态生成三级菜单

根据后台传递过来的三维数组动态生成三级菜单 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 ...[2019/10/24]

JqueryOn绑定事件方法介绍

JqueryOn绑定事件方法介绍   1. 简介 (1) On()方法在被选及子元素上添加一个或多个事件处理程序 (2) 在jquery 版本1.7起,on()方法是bind(),live()和delegate()方法的新的...[2019/10/24]

jQuery 源码分析(十四) 数据操作模块 类样式操作 详解

jQuery的属性操作模块总共有4个部分,本篇说一下第3个部分:类样式操作部分,用于修改DOM元素的cla 特性的,对于类样式操作来说,jQuery并没有定义静态方法,而只定义了实例方法,如下: addCla (value)      ;为匹配元素集合中的每个元素添加一个或多个类样式,...[2019/10/23]

jQuery—获取表单标签的数据值

获取设置input标签的值 <input cla ="form-control" type="text" id="username" name="username" placeholder="" value="初始值" onblur="keyblurfun()"> ...[2019/10/21]

jQuery 源码分析(十三) 数据操作模块 DOM属性 详解

jQuery的属性操作模块总共有4个部分,本篇说一下第2个部分:DOM属性部分,用于修改DOM元素的属性的(属性和特性是不一样的,一般将property翻译为属性,attribute翻译为特性) DOM属性的静态方法接口如下: prop(elem, name, value) ...[2019/10/21]

jQuery—自定义HTTP请求

Ajax设置自定义请求头的两种方法 $.ajax({ url: ''http: www.baidu.com'', type: ''get'', data: JSON.stringify({"name":"love python!"}), ...[2019/10/18]

jQuery 源码分析(十二) 数据操作模块 html特性 详解

jQuery的属性操作模块总共有4个部分,本篇说一下第1个部分:HTML特性部分,html特性部分是对原生方法getAttribute()和setAttribute()的封装,用于修改DOM元素的特性的 jQuery的静态方法含有如下API: $.attr(elem, name, v...[2019/10/18]

jQuery/JS监听input输入框值变化实例

input事件: onchange: 1、要在 input 失去焦点的时候才会触发; 2、在输入框内容变化的时候不会触发change,当鼠标在其他地方点一下才会触发; 3、onchange event 所有主要浏览器都支持; 4、onchange 属性可以使用于:<in...[2019/10/18]

103
2
记录数:686 页数:1/1412345678910下一页尾页
加载更多