jQuery
关注
分享
扫一扫
shl999
一枚前端菜鸟
展开
-
jq 通过正则表达式实现邮箱手机电话的验证
html部分<input type="text" id="input1" placeholder="请输入你的邮箱"><button id="button1">验证</button> <input type="text" id="input2" placeholder="请输入你的手机"><button id="button2" >验证</button> <input type="text" id=原创 2016-09-18 18:21:47 · 3158 阅读 · 0 评论 -
aJax 表单提交代码示例
话不多说，直接上代码：<script> var formEle=jQuery("#message-form");//这里是你的表单id var msgEle=jQuery("#message-tips");//这里是提示消息 formEle.submit(function () { jQuery.ajax({ type:jQuery(t原创 2016-11-16 15:22:15 · 333 阅读 · 0 评论 -
搜索框
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css"> <script s原创 2016-11-11 15:34:33 · 301 阅读 · 0 评论 -
jq 获取radio的值
使用jquery获取radio的值,最重要的是掌握jquery选择器的使用，在一个表单中我们通常是要获取被选中的那个radio项的值，所以要加checked来筛选，比如有以下的一些radio项：1.jquery获取radio的值 2.jquery获取checkbox的值 3.jquery获取select的值 要想获取某个radio的值有以下的几种方法,直接给出代码： 1、1.(‘input[转载 2016-11-11 09:16:36 · 528 阅读 · 0 评论 -
进度条 jq
本文介绍简单的进度条的写法 css部分： <style> #progress { background:white;height:20px;border:1px solid green;border-radius: 2px; } #progress span { height:20px;background:green;text-align:center;di原创 2016-09-18 13:55:21 · 544 阅读 · 0 评论 -
jq实现简单的tab切换效果
html部分： <div id="tabhead" class="tabhead"> <span class="tab" data-id="remote">插入图片</span> <span class="tab focus" data-id="upload">本地上传</span> <span class="tab" data-id="online">在线管理</span>原创 2016-09-09 09:35:18 · 1378 阅读 · 0 评论 -
jq的each方法
each() 方法规定为每个匹配元素规定运行的函数。 它可以遍历li等。w3c的例子: $("li").each(function(){ alert($(this).text()) });今天遇到的一个例子，判断li是否有selected类，然后输出，prop(“outerHTML”)是输出包含li本身的html。$("li").each(function () {原创 2016-09-06 10:11:45 · 585 阅读 · 0 评论 -
登录注册验证码 js
文件下载传送门—–http://pan.baidu.com/s/1nuMLIQ1css部分：<style type="text/css"> .code { font-style: italic; color: blue; font-size: 30px; border: 0; padding: 2px 3px; letter-spacing: 3px原创 2016-08-30 16:32:06 · 1973 阅读 · 0 评论