文章分类 -  JQuery

1
子页面获取父页面上的值
摘要：在写项目中，常会有子页面要获取到父页面上的值。将父页面上的信息填充到子页面上。 效果图 点击编辑按钮需要获取到表格里的信息 这里是父级页面 HTML部分： js部分： 子页面 将父级页面上的管理员获取到在子页面上显示 这个是确认按钮 阅读全文
posted @ 2017-04-13 15:23 三高娘子 阅读(3265) 评论(0) 推荐(0)
登录界面表单验证
摘要：表单验证代码如下： http://www.cnblogs.com/phermis/articles/6669162.html 阅读全文
posted @ 2017-04-13 14:04 三高娘子 阅读(290) 评论(0) 推荐(0)
Jquery子页面获取父页面的id
摘要：最近在写进销存的项目，iframe页面内，点击按钮》弹出子页面。这里需要将父级页面的id传给子页面中。做个笔记。 思路：在父级页面表格的前面加个<input type="hidden" value="1"/>，将value值传给后台。【设置type="hidden"的原因：操作这条数据必需通过id进 阅读全文
posted @ 2017-04-13 11:28 三高娘子 阅读(8225) 评论(0) 推荐(0)
多个表单验证
摘要：当页面中有很多的 input 框或者select框去验证的时候，如果一个个的去验证会很麻烦，代码也会比较繁琐。这里可以用到each来遍历，这样代码就很简洁啦。 （1）HTML代码部分： <!DOCTYPE html> <html> <head lang="en"> <meta charset="UT 阅读全文
posted @ 2017-04-05 17:47 三高娘子 阅读(277) 评论(0) 推荐(0)
<input type="file"/>实现文件上传效果
摘要：最近做商户平台，需求：点击上传按钮，文件上传并且在text文本框中显示上传文件的名称。 效果图如下： HTML部分代码： JS代码部分： 通过js 将 id="myfile1" 的input框的name给 name='filetext1的input框。 阅读全文
posted @ 2017-04-05 17:16 三高娘子 阅读(272) 评论(0) 推荐(0)
登录页面的表单验证（登录+密码 ）
摘要：1.写项目的过程中避免不了的就是登录界面。登录界面需要表单验证。做个整理，下次使用的时候就更加方便，不用去翻文档啦！ 效果图如下： HTML部分代码： <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>运营登录 阅读全文
posted @ 2017-04-05 16:06 三高娘子 阅读(14476) 评论(1) 推荐(0)
Form表单 提交数据的方法
摘要：一、submit 提交 在form标签中添加action（提交的地址）和method（post的方法提交），提交表单一般用submit按钮进行数据提交。注意：每个input标签都需要有一个name属性（以键值对的形式） 才能进行提交。 （1）效果图 （2）代码部分 submit这种默认的提交方式，一 阅读全文
posted @ 2017-04-05 14:53 三高娘子 阅读(822) 评论(0) 推荐(0)
登录界面 表单验证
摘要：html部分： <div class="login_form_box"> <form method="post" action=""> <div class="field username_field"> <label class="username_icon"><img src="../image 阅读全文
posted @ 2017-03-27 13:59 三高娘子 阅读(188) 评论(0) 推荐(0)
显示和隐藏div
摘要：方法一： $("#id").show(); $("#id").hide(); 方法二： js对div的显示和隐藏： div的visibility可以控制div的显示和隐藏，但是隐藏后页面显示空白 style="visibility: none;" document.getElementById("t 阅读全文
posted @ 2017-02-24 11:59 三高娘子 阅读(106) 评论(0) 推荐(0)
有关windows下获取屏幕宽度
摘要：1.window.innerWidth能获取当前窗口的宽度(包含滚动条)，当浏览器宽度调整时，这个值也会跟着变化。但是，window.innerWidth在IE8浏览器是无效的。所以，需要使用一个代替品，那就是$(window).width()。 $(window).width()也是获得浏览器宽度 阅读全文
posted @ 2017-02-22 21:46 三高娘子 阅读(761) 评论(0) 推荐(0)
导航栏被点击事件
摘要：/*导航栏被点击事件*/ $(".head_navigation_link").click(function(){ $this = $(this); $this.siblings().find('a').removeClass("head_navigation_active"); $this.find('a').addClass("head_navigation_acti... 阅读全文
posted @ 2016-12-20 12:00 三高娘子 阅读(759) 评论(0) 推荐(0)
添加/删除 一条空的数据
摘要：1. 拼接字符串 2. 添加按钮后，删除一行数据 阅读全文
posted @ 2016-12-20 11:18 三高娘子 阅读(125) 评论(0) 推荐(0)
用Jquery实现轮播
摘要：1.CSS部分 2.HTML部分 3.js部分 阅读全文
posted @ 2016-09-17 13:38 三高娘子 阅读(157) 评论(0) 推荐(0)
使用Ajax实现图片加载
摘要：1.css部分代码 2.HTML部分代码 3.Ajax部分代码 实现效果图： 阅读全文
posted @ 2016-09-17 13:35 三高娘子 阅读(2391) 评论(0) 推荐(0)
trigger() 方法
摘要：trigger() 方法 触发被选元素的指定事件类型。 触发事件：规定被选元素要触发的事件。 语法： $(selector).trigger(event,[param1,param2,...]) event 必需。规定指定元素要触发的事件。可以使自定义事件（使用 bind() 函数来附加），或者任何 阅读全文
posted @ 2016-09-01 11:05 三高娘子 阅读(193) 评论(0) 推荐(0)
delay方法延迟
摘要：delay() 方法 对队列中的下一项的执行设置延迟。 语法：$(selector).delay(speed,queueName) speed 是可选的。规定延迟的速度。 queueName 是可选的。规定队列的名称。默认是“fx”,标准效果队列。 阅读全文
posted @ 2016-09-01 10:31 三高娘子 阅读(257) 评论(0) 推荐(0)
siblings方法
摘要：siblings()方法 siblings()方法获得匹配集合中每个元素的同胞，通过选择权进行筛选是可选的。 语法：.siblings(selector) 给Class为selected的p标签 添加背景颜色 html部分： <body> <div><span>Hello</span></div> 阅读全文
posted @ 2016-09-01 10:21 三高娘子 阅读(342) 评论(0) 推荐(0)
removeAttr方法和reomver方法
摘要：removeAttr方法是从被选中的元素中删除其属性。 语法： html部分： <body><h1>这是一个标题</h1><p style="font-size:120%;color:red">这是一个段落。</p><p>这是另一个段落。</p><button>删除所有 p 元素的 style 属性 阅读全文
posted @ 2016-09-01 10:08 三高娘子 阅读(234) 评论(0) 推荐(0)
toggleClass的用法
摘要：W3C定义 toggleClass方法 是检查每个元素中指定的类。如果元素没有这个类名，则添加类，如果元素已设置则删除。 语法：$(selector).toggleClass(calss,switch) class 必需的，规定添加或者移除Class的指定元素。如需规定若干 class，请使用空格来 阅读全文
posted @ 2016-09-01 09:55 三高娘子 阅读(531) 评论(0) 推荐(0)
用JQuery+Ajax实现简单的异步取得图片
摘要：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>从后台取的静态图片</title> <style> *{ margin: 0px; padding: 0px; } img{ width: 200px; heigh 阅读全文
posted @ 2016-08-31 11:20 三高娘子 阅读(1160) 评论(0) 推荐(0)

1