jquery
web_qdkf
这个作者很懒,什么都没留下…
展开
-
每个程序员都会的35个jQuery小技巧!
1. 禁止右键点击$(function(){ $(document).bind("contextmenu",function(e){ return false; });});2. 隐藏搜索文本框文字$(function(){$("input.text1").val("Enter your search text here");转载 2015-11-16 10:30:33 · 360 阅读 · 0 评论 -
jquery 自动触发<a> 标签的click()方法
今天想向自动触发标签的click事件,但是把事件绑定到 标签上,即$("#id").click(),但是没有任何反应,然后查了下,原来不能把click事件直接绑定到标签上,必须绑定到 标签之内的元素上。例如:公式管理,要自动触发的话,$("#bbbb").trigger("click");转载链接地址转载 2017-08-16 19:04:50 · 402 阅读 · 0 评论 -
仿淘宝右侧tab栏切换
tab切换body, ul { margin: 0; padding: 0; font-family: "microsoft yahei"; }ul, li { list-style: none; }a { text-decoration: none; }.tabBox { position: absolute; width: 300px; height: 100px; b原创 2015-11-17 16:04:32 · 935 阅读 · 0 评论 -
瀑布流布局
body, ul { margin: 0; padding: 0; }ul, li { list-style: none; }.water_box { position: relative; margin-left: 90px; }.water_box .img { width: 360px; }.water_box img { width: 360px; }.test-b原创 2015-11-30 14:09:17 · 350 阅读 · 0 评论 -
jQuery的的方法阻止冒泡和默认的事件(三种方法)
1:return false ----》 在事件的处理中,可以阻止默认事件和冒泡事件。 2:event.preventDefault()---》在事件的处理中,可以阻止默认事件但是允许冒泡事件的发生。 3:event.stopPropagation()---》在事件的处理中,可以阻止冒泡但是允许默认事件的发生。原创 2016-03-21 16:39:13 · 1147 阅读 · 0 评论 -
jQuery实现加入购物车飞入动画效果
flyShop body, button { margin: 0; padding: 0; } button { outline: none; } .shopBtn { position: absolute; width: 150px; height: 40px; line-height: 40px; left: 50%; top: 50%; margin: -20原创 2015-12-01 16:58:19 · 1174 阅读 · 0 评论 -
jquery小技巧
收集的35个 jQuery 小技巧/代码片段,可以帮你快速开发.1. 禁止右键点击$(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; });});2. 隐藏搜索文本框文字Hide when clicked in th转载 2015-11-30 16:10:00 · 396 阅读 · 0 评论 -
jquery管理搜索框的值
现在各大网站都有搜索框,而搜索框通常都有默认值,当输入框获取焦点时,默认值消失。而一旦输入框失去焦点,而输入框里又没有输入新的值,输入框里的值又会恢复成默认值,如果往输入框里输入了新值,则输入框的值为新输入的值。这种特效用JQuery很容易实现:$("#searchbox") .focus(function(){$(this).val('')}) .blur(function(){转载 2015-11-30 11:41:53 · 376 阅读 · 0 评论 -
HTML5网页如何调用浏览器APP的微信分享功能
提示:目前仅仅支持uc浏览器和QQ浏览器查看功能<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>HTM...原创 2015-12-31 17:29:03 · 29258 阅读 · 7 评论 -
web前端常用插件
弹窗1.blockUI2.overlay 3.sweetAlert视频1.jwplayer2.video.js html53.swfobject Flash嵌入插件幻灯片、图片切换1.responsiveSlides2.swiper 手机端响应式日期控件1.datepicker上传图片控件1.uploadi转载 2015-11-30 16:20:44 · 1101 阅读 · 0 评论 -
验证码倒计时
验证码倒计时 .com{width: 120px; height: 35px; line-height: 35px; border: none; color: #fff; border-radius: 5px; }.send{ background-color: #F08326; cursor: pointer;}.send-d{ background-color: #CF原创 2015-11-30 15:35:17 · 349 阅读 · 0 评论 -
测试密码的强度
在某些网站注册时常常会要求设置密码,网站也会根据输入密码的字符特点给出相应的提示,如密码过短、强度差、强度中等、强度强等。这又是怎么实现的呢?看下面代码:input type="password" name="pass" id="pass" /> span id="passstrength">span>全选复制放进笔记//下面的正则表达式建议各位收藏哦,项目上有可能会用得着转载 2015-11-30 13:52:20 · 622 阅读 · 0 评论 -
通过例子掌握Web开发捷径笔记
1.保护自己的网页不被放入框架: if(self != top){ top.location = self.location; }//判断当前页面是否为top层,如果不是,置为top;2.当前网页调用其他网页 //1使用iframe //2object标签转载 2015-11-16 10:07:33 · 340 阅读 · 0 评论 -
关于input输入框type为number型时 maxlength无效解决办法
/* * id 主键id * len 控制长度 * 输入长度控制 * */ var onInput = function(id, len) { $("#" + id).on("keydown", function() { var value = $(this).val(), vLen = value.length; vLe原创 2017-08-12 11:46:46 · 6097 阅读 · 0 评论