js jquery
TinaTxt
。。。
展开
-
jQuery操作select下拉框
1、jquery获取当前选中select的text值 var checkText=$("#slc1").find("option:selected").text(); 2、jquery获取当前选中select的value值 var checkValue=$("#slc1").val(); 3、jquery获取当前选中select的索引值 var index=转载 2017-04-12 09:19:02 · 586 阅读 · 0 评论 -
js实现图片上传预览(一张一张上传)
下面例子最多上传六张图片,可以修改参数。在IE8和谷歌测试可用。html代码 预览 设为主图原创 2017-07-12 15:29:20 · 1091 阅读 · 0 评论 -
js实现图片预加载
解决图片加载过慢,在js初始化中实现预加载,并且获取图片高度(因为按比例加载图片,定宽不定高)//加载图片 function loadImage(url) { var img = new Image(); img.src = url; img.onload = function () {原创 2017-06-12 15:42:40 · 473 阅读 · 0 评论 -
jquery获取窗口高度的方法
$(window).height() 获取的是当前可视窗口的高度,也就是用户能看到的窗口的高度,是不变的(在窗口大小不变的前提下)$(document).height() 获取的是窗口内文档的高度,这个高度随着文档内容的高度改变而改变当窗口滚动条滚到最低端时,$(document).height() == $(window).height() + $(window).scrollTop()转载 2017-06-12 17:00:58 · 1489 阅读 · 0 评论 -
js 字符串处理
一、JS正则截取两个字符串之间及字符串前后内容的方法1、js截取两个字符串之间的内容:var str = "aaabbbcccdddeeefff";str = str.match(/aaa(\S*)fff/)[1];alert(str);//结果bbbcccdddeee2、js截取某个字符串前面的内容:var str = "aaabbbcccdddeeefff";tr转载 2017-04-14 15:20:07 · 451 阅读 · 0 评论 -
jquery.validationEngine表单验证
一、需要插件二、demo自定义验证可以在jquery.validationEngine-zh_CN.js中增加 表单验证测试 Firstname email Password 确认密码原创 2017-07-06 11:27:13 · 487 阅读 · 0 评论 -
swiper 解决动态加载数据滑动失效
两种解决方法1.数据加载后进行swiper初始化success:function(result){ var resultdata =eval("("+result+")"); if(resultdata.status == 1){ var dataList = resultdata.data; currentPage = resultda原创 2017-08-30 10:01:45 · 5523 阅读 · 0 评论 -
JS判断页面是否在微信浏览器、QQ浏览器等打开的方法
本文实例讲述了JS判断当前页面是否在微信浏览器打开的方法。分享给大家供大家参考,具体如下: 最近做很多HTML5的项目,很多页面会通过微信微博等SNS分享出去。在分享页面上提供公司APP的下载。但是在很多应用的浏览器中,点击下载链接无法下载应用。那么针对这些浏览器我们需要给用户提示从safari或者系统自带的浏览器打开分享页面。通过js就可以判断当前页面是在什么浏览器打开的。 以下是一段示转载 2017-09-15 17:29:26 · 645 阅读 · 0 评论 -
通过js sdk 来进行第三方登录及授权(微博,微信,qq)
微博第三方登录及授权注册申请appkey1.打开微博开发者平台http://open.weibo.com/development2.点击创建微链接3.选择类型(选择网站接入)4.填写各项信息,并把对应的meta复制并放在html的head内(一定要绑定域名并设置回调地址) 5.在html内引入微博api(debug=true是调试模式,可以返回对应的信息) 编写js代转载 2017-10-18 15:01:49 · 2602 阅读 · 0 评论 -
jQuery获取父级节点、兄弟节点、子级节点的方法
一、jQuery的父节点查找方法 $(selector).parent(selector):获取父节点 $(selector).parentNode:以node[]的形式存放父节点,如果没有父节点,则返回空数组 $(selector).parents(selector):获取祖先元素二、jQuery的兄弟节点转载 2017-10-25 14:11:49 · 4181 阅读 · 0 评论 -
常用正则表达式(持续更新...)
1.银行卡(19位数字)var reg = /^\d{19}$/g; // 19位数字 if (!reg.test(bankNumber)){ lert("请输入正确的银行账号!"); return false; } 2.手机号var reg = /^[1][3,4,5,7,8][0-9]{9}$/;3.邮箱转载 2017-04-12 10:13:01 · 932 阅读 · 0 评论 -
鼠标悬停商品图片,图片放大,并且可拖动
效果类似http://www.artpollo.com/Artwork/ArtworkDetails?id=2224847 .artworkDetail .detailMiddle .detailImg{display:inline-block;vertical-align:middle;max-height:7原创 2017-04-22 16:06:48 · 457 阅读 · 0 评论 -
ajax传递给后台数组参数方式
1、var ajaxPara = "openAccountName=" + openAccountName + "&bankId=" + bankId+ "&provinceId==" + provinceId + "&cityId="+ cityId + "&openAccountBank==" + openAccountBank + "&bankNumber=" + bankNumbe原创 2017-04-11 16:38:12 · 362 阅读 · 0 评论 -
jQuery的.html(),.text(),.val()的区别
html()取得第一个匹配元素的内容,简单来说就是所取得的标签所包含的所有东西。 假如括号中有带val的话,最简单的理解就是将上一步取得的内容全部替换成括号中val,下面看demo <div id="divTest" value='2'> 这是div的内容! <label id="lblText"> 这是label的内容!转载 2017-04-13 21:03:42 · 415 阅读 · 0 评论 -
Jquery获取和修改img的src值的方法
$("#imgId")[0].src; $("#imgId").attr('src',path); document.getElementById("img1").src;转载 2017-04-14 14:12:55 · 9890 阅读 · 0 评论 -
鼠标悬停弹出下拉菜单
html css/*菜单*/.artworkMemu{position:absolute;width:100%;height:590px;background-color:rgba(35, 33, 31, 0.60);z-index:100;display:none;}js $(".artworkMouseCover").mo原创 2017-04-18 21:15:30 · 2146 阅读 · 0 评论 -
鼠标移动到图片显示遮罩效果
鼠标移动到图片显示遮罩效果<div class="block block_2_1" style="background-image:url(/Img/artwork/ArtWorkHome/ysphh_3.jpg);display:block;"></div>var backgroundImg = "";$(".block").mouseover(function () { //原创 2017-04-19 10:14:44 · 855 阅读 · 0 评论 -
轮播图的实现
html <div class="index-banner"> <div class="banner-div"> <ul class="banner-image" oldScoll="0" newScoll=""> <li> <img class="bannerImg" src="/Img/artwork/ArtWorkHome原创 2017-04-19 16:37:12 · 406 阅读 · 0 评论 -
ajax传参失败
参数中含有特殊字符,不能解析进行decode之后传值即可var encodeWord = encodeURI(word);var ajaxPara = { "Id":id , "Content": encodeWord };data: ajaxPara,原创 2017-04-20 14:03:38 · 930 阅读 · 0 评论 -
jquery监听鼠标滚轮
需要下载插件$('#imgList').bind('mousewheel', function (event) { //判断鼠标滚动方向,上为正数,下为负数 var delta = event.originalEvent.wheelDelta; if (delta > 0) { //鼠标向上滚,上图原创 2017-04-21 16:02:37 · 2775 阅读 · 0 评论 -
img图片加遮罩层
#container{position:relative;height:200px;width:300px;border:1px solid red;}#inss{position:absolute;height:30px;width:300px;border:1px solid green;bottom:0px;}function xianshi(){document.getElementByI转载 2017-04-21 16:58:46 · 6661 阅读 · 0 评论 -
input输入框回车提交
1.方法1$('#applyCertNum').bind('keypress',function(event){ if(event.keyCode == 13) { alert('你输入的内容为1:' + $('#applyCertNum').val())转载 2018-01-26 09:58:50 · 3093 阅读 · 0 评论