JQuery
JQuery组件的运用说明
lovoo
不要抱怨生活,只因你还不够努力!
展开
-
Jquery toggleClass的使用
(document).ready(function(){(document).ready(function(){ ("button").click(function(){ $("p").toggleClass("main"); });}); .main { font-size:120%; color:red; } This is a headingThis is原创 2016-05-31 08:19:34 · 399 阅读 · 0 评论 -
JQuery(1)---监听input变化并重置select为第一项
1、html代码:<div is="gc-modal-lg" v-bind:meta="{id:'popup_add',title:'新增认证用户',fn:submitAdd}" v-bind:info="formInfo"> <form class="form-horizontal"> <div class="form-group"> <label原创 2017-11-02 11:10:52 · 1939 阅读 · 0 评论 -
JQuery(3)--冒泡效果
1、html<div id="carousel-example-generic" class="carousel slide carousel-height" data-ride="carousel"> <div class="wrap-box"> <div class="labels"> </div> </div> </div> 2、脚本//d原创 2017-11-12 11:49:33 · 721 阅读 · 0 评论 -
JQuery(4)---使用mousedown和mouseup简单判断鼠标按下与释放位置是否相同
在JQuery中,我们可以利用mousedown、mouseup来跟踪页面的鼠标按下与释放事件。如何获取鼠标的位置信息呢?事件event的pageX和pageY属性可以让我们获得鼠标在页面中的具体位置信息,相当于数学坐标系中的xy坐标那样。于是我们可以先用一个全局变量来记录鼠标按下的位置信息,再在鼠标释放的函数里判断按下的位置与释放的位置是否一致,再根据结果做操作。示例代码如下: var x,y;原创 2017-11-26 20:58:40 · 8277 阅读 · 0 评论 -
EasyUI框架 使用Ajax提交注册信息
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><html><head> <title>EasyUI框架</title> <%@ include file="/WEB-INF/jsp/public/common.jspf" %> <script type="text/javascrip原创 2016-10-17 20:32:39 · 806 阅读 · 0 评论 -
JQuery Tab切换效果
一、如图: 二、代码:<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><%@ taglib prefix="s" uri="/struts-tags"%><!DOCTYPE html><html><head><title>Bootstrap 模板</title><meta http-equiv=原创 2016-11-16 22:39:56 · 2897 阅读 · 0 评论 -
JQuery 解决用load加载页面到div时,不执行页面js的问题
1、在源码里加上此方法$("id").load(function(){ $(".close").click(function(){ $(".detail").hide(); });});2、在load之前清除缓存$.ajaxSetup ({ cache: false });3、使用ajax加载数据$.get(url,data,functin(data){原创 2016-11-18 21:35:55 · 11393 阅读 · 0 评论 -
Html5 使用SUI制作留言信息
如图: <!DOCTYPE html ><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>在线留言</title><meta name="viewport" content="initial-scale=1, maximum-scale=1"><!-原创 2016-06-15 15:24:10 · 1365 阅读 · 0 评论 -
Html5 获取手机短信号码
如图: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>Examples</title> <meta name="description" content=""> <meta name="原创 2016-06-15 15:44:50 · 13216 阅读 · 0 评论 -
Jquery 实现可编辑的table
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><%@ taglib prefix="s" uri="/struts-tags"%><!DOCTYPE html><html><head><title>Bootstrap 模板</title><meta http-equiv="Content-Type"原创 2016-11-14 22:37:52 · 2878 阅读 · 0 评论 -
JQuery 实现菜单
一、如图: 二、代码:<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><%@ taglib prefix="s" uri="/struts-tags"%><!DOCTYPE html><html><head><title>Bootstrap 模板</title><meta http-equiv=原创 2016-11-15 22:28:21 · 1258 阅读 · 0 评论 -
JQuery 查找相关的方法
一、如图:原创 2016-10-06 21:44:34 · 328 阅读 · 0 评论 -
JQuery 小技巧大全
一、使用location window.onload=function(){ //location.href="/login!loginInput.action"; location.replace("${pageContext.request.contextPath}/login!loginInput.action"); }二、使用jsp标签原创 2016-09-24 09:26:31 · 370 阅读 · 0 评论 -
jQuery 阻止表单重复提交
(document).ready(function() {(document).ready(function() { (‘form’).submit(function() { if(typeof jQuery.data(this, “disabledOnSubmit”) == ‘undefined’) { jQuery.data(this, “disabledOnSu原创 2016-05-31 08:17:24 · 864 阅读 · 0 评论 -
jquery判断字符串中是否存在某个的字符串
有两种方式: 1)test 2)indexOf$(function(){ var str="sunny,woo"; var sear=new RegExp(','); if(sear.test(str)){ alert('Yes'); } var tag=','; if(str.indexOf(tag)!=-1){ alert('Yes'原创 2016-05-21 09:25:32 · 99302 阅读 · 0 评论