——【 JQuery】
烟敛寒林o
谋事在人,成事在天。
展开
-
JQuery应用实例学习 —— 21 原生绑定和触发实现input框自动清除默认内容,闪烁光标等待输入
1:和原生事件的语法区别原生绑定: xxDOMNode.onclick=function(){} , xx.onmousever=function();原生触发: xxDOMNode.click(), xx.submit(); xx.focus(); jQuery绑定: $(selector).click(function(){});jQuery触发: $(selector)....原创 2018-09-15 16:08:23 · 401 阅读 · 0 评论 -
JQuery应用实例学习 —— 27 ajax之GET判断用户名是否可用
ajax之GET判断用户名是否可用25.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head>&l原创 2018-09-18 20:58:06 · 165 阅读 · 0 评论 -
JQuery应用实例学习 —— 28 ajax之POST注册时数据发送
26.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body>原创 2018-09-18 21:04:57 · 212 阅读 · 0 评论 -
JQuery应用实例学习 —— 29 处理json返回值,点击出现后台返回数据
27.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery处理ajax的json返回值</title></head><body&原创 2018-09-18 21:09:34 · 178 阅读 · 0 评论 -
JQuery应用实例学习 —— 30 保存数据到服务器,成功时显示信息
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <f原创 2018-09-18 21:13:57 · 367 阅读 · 0 评论 -
JQuery应用实例学习 —— 11 子元素过滤器
last-of-type:最后一个同级元素 only-child:唯一元素<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head&a原创 2018-09-14 11:16:33 · 193 阅读 · 0 评论 -
JQuery应用实例学习 —— 13 点击后边框不断变大
通过操作节点css属性来控制边框不断变大<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><styl原创 2018-09-14 12:09:55 · 177 阅读 · 0 评论 -
JQuery应用实例学习 —— 14 全选和全不选效果
jQuery操作布尔型的属性来实现全选效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><bod原创 2018-09-14 12:14:30 · 128 阅读 · 0 评论 -
JQuery应用实例学习 —— 15 删除和增加DOM节点
remove:删除empty:清空append:在后面加prepend:在前面加appendTo:追加<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title&原创 2018-09-14 12:26:29 · 168 阅读 · 0 评论 -
JQuery应用实例学习 —— 16 节点包裹input框与li标签中字体加粗
jQuery包结点<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body>原创 2018-09-14 12:31:16 · 1599 阅读 · 0 评论 -
JQuery应用实例学习 —— 17 DOM手册常用对象
什么是 DOM?通过 JavaScript,可以重构整个 HTML 文档。可以添加、移除、改变或重排页面上的项目。要改变页面的某个东西,JavaScript 就需要对 HTML 文档中所有元素进行访问的入口。这个入口,连同对 HTML 元素进行添加、移动、改变或移除的方法和属性,都是通过文档对象模型来获得的(DOM)。对象 描述 Document 代表整个 HTML 文...原创 2018-09-14 15:04:22 · 131 阅读 · 0 评论 -
JQuery应用实例学习 —— 18 利用DOM对象改变HTML内容及属性实例
以下内容转自w3school。 改变 HTML 内容修改 HTML 内容的最简单的方法时使用 innerHTML 属性。如需改变 HTML 元素的内容,请使用这个语法:document.getElementById(id).innerHTML=new HTML本例改变了 <p> 元素的内容:<!DOCTYPE html><html>...原创 2018-09-14 15:31:46 · 224 阅读 · 0 评论 -
JQuery应用实例学习 —— 19 JQuery对象与DOM对象的关系与转换
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <h原创 2018-09-21 20:20:30 · 185 阅读 · 0 评论 -
JQuery应用实例学习 —— 10 独特的ready方法
ready函数的语法ready() 函数规定当 ready 事件发生时执行的代码。ready() 函数仅能用于当前文档,因此无需选择器。允许使用以下三种语法:语法 1$(document).ready(function)语法 2$().ready(function)语法 3$(function) 01.html<!DOCTYPE html><...原创 2018-09-13 16:26:08 · 158 阅读 · 0 评论 -
JQuery应用实例学习 —— 09 用ready函数隐藏p标签显示内容
<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript">$(document).ready(function() {原创 2018-09-13 16:17:18 · 314 阅读 · 0 评论 -
JQuery应用实例学习 —— 08 显示display:none的隐藏内容
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <i原创 2018-09-13 16:13:18 · 463 阅读 · 0 评论 -
JQuery应用实例学习 —— 22 jQuery特有的绑定函数
给div添加和取消事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body>原创 2018-09-15 16:18:52 · 191 阅读 · 0 评论 -
JQuery应用实例学习 —— 23 一次性绑定
所谓一次性绑定,就是有留言对你说,点击看到一次就没了。 有时,当你进入一个网站查点资料弹出一个广告,你想关掉结果弹出一个广告页面还有声音,挺尴尬。你以为你手滑点错了,其实人家就是用这种方式控制好的。点击一次,href跳到另一个页面。其实就是一次性绑定了 this.href='游戏网站';<!DOCTYPE html><html lang="en">...原创 2018-09-15 16:22:57 · 165 阅读 · 0 评论 -
JQuery应用实例学习 —— 24 事件委托添加结点并alert弹出对应文字
事件委托<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> &am原创 2018-09-15 16:26:50 · 217 阅读 · 0 评论 -
JQuery应用实例学习 —— 25 轮播图
图片切换之轮播图效果 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>轮播图</title></head><style>div原创 2018-09-17 23:54:33 · 203 阅读 · 0 评论 -
JQuery应用实例学习 —— 26 简单的动画效果
例一:方块逐渐变小<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body>原创 2018-09-17 23:59:56 · 174 阅读 · 0 评论 -
JQuery应用实例学习 —— 01 JQuery的介绍和引入
JQuery 名称解释 JQuery = Javascript + Query (查询)JQuery意思即指: 强大的DOM节点查询 下载注意 从官方网站下载时,jquery的文件名格式如下: Jquery-1.x.x-min.js或者jquery-1.x.x.js 2者功能没有区别, 大小的区别在于,min是压缩后的代码.即把空行,空白等压缩掉,把变量名字变短...原创 2018-09-13 15:29:42 · 216 阅读 · 0 评论 -
JQuery应用实例学习 —— 02 基本的选择匹配
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <d原创 2018-09-13 15:35:19 · 141 阅读 · 0 评论 -
JQuery应用实例学习 —— 03 层次选择匹配
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <p原创 2018-09-13 15:41:16 · 145 阅读 · 0 评论 -
JQuery应用实例学习 —— 04 属性选择匹配
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <p原创 2018-09-13 15:47:36 · 166 阅读 · 0 评论 -
JQuery应用实例学习 —— 05 li标签的基础过滤
如果选择器选出的结果仍不够细,可以用过滤器,进一步筛选.过滤器一般写在"选择器"之后,如"选择器:过滤器"基础过滤器是根据对象的"索引"值来查找的<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">原创 2018-09-13 15:53:10 · 188 阅读 · 0 评论 -
JQuery应用实例学习 —— 06 td标签和p标签的内容过滤
仍然是通过"选择器:过滤器"的方式,只是通过内容来过滤出我们想查找的。 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title><原创 2018-09-13 15:59:19 · 562 阅读 · 0 评论 -
JQuery应用实例学习 —— 07 input框的表单类型过滤
通过input框的各种类型过滤。 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body&am原创 2018-09-13 16:03:03 · 243 阅读 · 0 评论 -
JQuery应用实例学习 —— 20 jquery对象的遍历实现反选效果
jquery对象的遍历实现反选效果分别用面向过程思路、面向函数式思路回调函数实现反选<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></原创 2018-09-15 15:49:58 · 143 阅读 · 0 评论