jQuery
关注
分享
扫一扫
冷眸丶刘远
这个作者很懒，什么都没留下…
展开
-
jQuery 使用slideToggle()滑动显示隐藏
slideToggle（）通过高度变化来切换所有匹配元素的可见性，并在切换完成后可选地触发一个回调函数。这个动画效果只调整元素的高度，可以使匹配的元素以“滑动”的方式隐藏或显示。<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; char...原创 2018-07-10 14:56:24 · 2037 阅读 · 0 评论 -
JQuery使用方法及案例解析
Jquery能做什么访问和操作DOM元素 控制页面样式 对页面事件进行处理 与Ajax技术完美结合 设置动态效果 获取页面元素 无需刷新页面获得服务器信息 简化常见的javasrcipt任务 Jquery的优势体积小，压缩后只有100KB左右 l强大的选择器出色的DOM封装...原创 2018-09-04 19:48:15 · 303 阅读 · 0 评论 -
JQuery选择器使用案例
先附上代码展示：<body> <form id="form1" runat="server"> <div> <div>list1</div> <div>list2</div> <div原创 2018-09-04 19:41:48 · 364 阅读 · 0 评论 -
JQuery选择器用法详解
jQuery 元素选择器和属性选择器允许您通过标签名、属性名或内容对 HTML 元素进行选择。选择器允许您对 HTML 元素组或单个元素进行操作。在 HTML DOM 术语中：选择器允许您对 DOM 元素组或单个 DOM 节点进行操作。Jquery选择器分为基本选择器、层次选择器、过滤选择器。基本选择器：直接根据id、css、类名、元素名返回匹配的dom元素。层次选择器：也...原创 2018-09-04 19:39:23 · 1087 阅读 · 0 评论 -
JQuery 鼠标指针 对文本框移入移出提示信息
设计两个文本框： <input type="Text" id="txt_name" placeholder="请输入登录名" value="" /> <br /> <input type="password" id="txt_password" placeholder="请输入密码&q原创 2018-08-24 09:42:37 · 3664 阅读 · 0 评论 -
JQuery 实现图片跟随鼠标移动
首先获取鼠标坐标： //获取鼠标坐标： var X = e.pageX; var Y = e.pageY;再给图片添加定位，和鼠标一起移动 全部代码如下<!DOCTYPE html><html><head> <meta http-equiv="Cont...原创 2018-06-28 18:05:35 · 4003 阅读 · 1 评论 -
JQuery 实现复选框的全选、反选、全不选
添加多个复选框 ，三个按钮， 再用JQuery为其添加单击事件<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="Scripts/jquery-1原创 2018-06-28 16:34:59 · 2367 阅读 · 0 评论 -
jQuery实现评论 的添加
本文用内部追加的方式添加评论：代码如下：<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>评论</title> &a原创 2018-06-28 11:54:42 · 2364 阅读 · 3 评论 -
jQuery toggle()显示与隐藏文本内容
如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title&原创 2018-07-10 15:01:00 · 1510 阅读 · 0 评论 -
jQuery Clone()复制节点
克隆匹配的DOM元素并且选中这些克隆的副本。案例展示：<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title>原创 2018-07-10 15:02:15 · 770 阅读 · 0 评论 -
jQuery 获取字符串中的数字
方法一：replace//将文本中的非数字字符替换为空，剩下文本中的数字var peice="现价：200元";var price =peice.replace(/[^0-9]/g, "");//price值为：200 方法二：match //匹配文本中的数字var peice="现价：200元";var price = peice.match(/\d+/);//pri...原创 2018-06-30 23:40:05 · 7196 阅读 · 0 评论