2017 年 2月 9 日随笔档案 - 山涧清泉

jQuery编程中的一些核心方法简介

摘要：调用 jQuery 对象的方法很简单： $('h1').remove(); 大多数 jQuery 方法都是像上面这样被调用的，这些方法都位于 $.fn 命名空间内，这些方法称为 jQuery 对象方法。但是也有一些方法不需要依赖于选择器的结果集，这些方法位于 jQuery 命名空间内，这些方法称为阅读全文

posted @ 2017-02-09 21:33 山涧清泉阅读(189) 评论(0) 推荐(0)

jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表

摘要：对于问题从后台获取json数据，将内容填充到下拉列表，代码非常简单，具体过程请看下面代码。需求：url:链接 par：ID sel：下拉列表选择器 function BuildSelectBox(url, par, sel) { $(sel).empty(); $.getJSON(url, { i 阅读全文

posted @ 2017-02-09 18:25 山涧清泉阅读(8696) 评论(0) 推荐(0)

jQuery实现淡入淡出二级下拉导航菜单的方法

摘要：本文实例讲述了jQuery实现淡入淡出二级下拉导航菜单的方法。分享给大家供大家参考。具体如下：这是一款基于jQuery实现的导航菜单，淡入淡出二级的菜单导航，很经常见到的效果，这里使用的是jquery-1.6.2版本的JS，鼠标移动到包括二级子菜单的主菜单上，会立即渐显出二级的子菜单，鼠标在二级子阅读全文

posted @ 2017-02-09 18:20 山涧清泉阅读(563) 评论(0) 推荐(0)

jQuery实现瀑布流布局详解（PC和移动端）

摘要：首先我们将如下样式的若干个单元写进body中，并将“box”向左浮动： <div class="box"> <img class="img" src="./resource/images/1.jpg" /> <div class="desc">Description</div> </div> <di 阅读全文

posted @ 2017-02-09 16:54 山涧清泉阅读(346) 评论(0) 推荐(0)

jQuery实用技巧必备

摘要：本文实例总结了经典且实用的jQuery代码开发技巧。分享给大家供大家参考。具体如下： 1. 禁止右键点击 $(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); }); 2 阅读全文

posted @ 2017-02-09 15:59 山涧清泉阅读(188) 评论(0) 推荐(0)

jQuery链式操作实例分析

摘要：本文实例讲述了jQuery链式操作。分享给大家供大家参考，具体如下：从过去的实例中，我们知道jQuery语句可以链接在一起，这不仅可以缩短代码长度，而且很多时候可以实现特殊的效果。 <script type="text/javascript"> $(function() { $("div").ad 阅读全文

posted @ 2017-02-09 15:38 山涧清泉阅读(317) 评论(0) 推荐(0)

谈谈Jquery ajax中success和complete有哪些不同点

摘要：记录下，以备将来有需时用 http://www.jb51.net/article/75206.htm 阅读全文

posted @ 2017-02-09 15:31 山涧清泉阅读(167) 评论(0) 推荐(0)

jquery密码强度校验

摘要： <script> //下面的正则表达式建议各位收藏哦，项目上有可能会用得着 $(function(){ $('#pass').blur(function(e) { // alert(' '); //密码为八位及以上并且字母数字特殊字符三项都包括 var strongRegex = new RegEx 阅读全文

posted @ 2017-02-09 15:18 山涧清泉阅读(1862) 评论(0) 推荐(0)

ztree获取选中节点时不能进入可视区域出现BUG如何解决

摘要： zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。 zTree 的特点编辑 ● zTree v3.0 将核心代码按照功能进行了分割，不需要的代码可以不用加载● 采用了延迟加载技术，上万节点轻松加载，即使在 IE6 下也能基阅读全文

posted @ 2017-02-09 15:16 山涧清泉阅读(772) 评论(0) 推荐(0)

解析IE, FireFox, Opera 浏览器支持Alpha透明的方法

摘要：先请看如下代码： filter:alpha(opacity=50); /* IE */ -moz-opacity:0.5; /* Moz + FF */ opacity: 0.5; /* 支持CSS3的浏览器（FF 1.5也支持）*/ 简单解释，IE使用私有属性filter:alpha(opacit 阅读全文

posted @ 2017-02-09 14:29 山涧清泉阅读(154) 评论(0) 推荐(0)

用css制作星级评分

摘要： Step 1: XHTML <ul class="star-rating"> <li><a href="#" title="Rate this 1 star out of 5" class="one-star">1</a></li> <li><a href="#" title="Rate this 阅读全文

posted @ 2017-02-09 14:03 山涧清泉阅读(638) 评论(0) 推荐(0)

CSS顶级技巧大放送，div+css布局必知

摘要：字体大小使用px 在一行内声明CSS 对比下面两个： h2 {font-size:18px; border:1px solid blue; color:#000; } h2 { font-size:18px; border:1px solid blue; color:#000; } 第二种看起来的确阅读全文

posted @ 2017-02-09 11:45 山涧清泉阅读(136) 评论(0) 推荐(0)

网页中Span和Div的区别

摘要：它们被用来组合一大块的HTML代码并赋予一定的信息，大部分用类属性class和标识属性id与元素联系起来，见CSS中级指南的类和id选择符。 span和div的不同之处在于span是内联的，用在一小块的内联HTML中，而div（想想division是什么意思）元素是块级的（简单地说，它等同于其前后有阅读全文

posted @ 2017-02-09 11:42 山涧清泉阅读(253) 评论(0) 推荐(0)

左侧固定宽度，右侧自适应宽度的CSS布局

摘要： BI上有高手专门讨论了这种布局方法，但他用了较多的hack，还回避了IE6的dtd。我在实际使用中，发现回避掉IE6的dtd定义后，会导致ajax模态框无法居中（VS的一个控件，自动生成的代码，很难修改）。于是自己写了个简单的左右两列的布局，没用到什么hack，很简单，只是练手用用。 css代码：阅读全文

posted @ 2017-02-09 11:27 山涧清泉阅读(133) 评论(0) 推荐(0)

CSS使用学习总结

摘要：尽量少使用类,因为可以层叠识别,如: .News h3而不必在h3上加类 <div class=”News”> <h3></h3> <h2></h2> <p></p> </div> 3. 没有现有元素区分的情况下再用div <div id=”mainNav”> <ul> <li>Home</li> 阅读全文

posted @ 2017-02-09 11:23 山涧清泉阅读(128) 评论(0) 推荐(0)

css position: absolute、relative详解

摘要： CSS2.0 HandBook上的解释：设置此属性值为 absolute 会将对象拖离出正常的文档流绝对定位而不考虑它周围内容的布局。假如其他具有不同 z-index 属性的对象已经占据了给定的位置，他们之间不会相互影响，而会在同一位置层叠。此时对象不具有外补丁( margin )，但仍有内补丁( 阅读全文

posted @ 2017-02-09 11:09 山涧清泉阅读(286) 评论(0) 推荐(0)

CSS之少用继承，多用组合

摘要：下面是一段普通的代码: css: .box{ border:1px solid #ccc; font-size:12px; background:#f1f1f1; padding:10px; } html： <div class="box">this is a gray box</div> 但是这个阅读全文

posted @ 2017-02-09 10:57 山涧清泉阅读(122) 评论(0) 推荐(0)

浅谈href=#与href=javascript:void(0)的区别

摘要：＃"包含了一个位置信息默认的锚点是＃top 也就是网页的上端而javascript:void(0) 仅仅表示一个死链接这就是为什么有的时候页面很长浏览链接明明是＃可是跳动到了页首而javascript:void(0) 则不是如此所以调用脚本的时候最好用void(0) 或者<input on 阅读全文

posted @ 2017-02-09 10:48 山涧清泉阅读(160) 评论(0) 推荐(0)

小技巧处理div内容溢出

摘要：前几天遇到一个问题，代码是这样一个层次： <div class="province"> <ul> <li>1</li> <li>2</li> <li>3</li> </ul></div> 我设置了div的边框，要想ul的内容在边框内，必须设置div高度。但是，ul内的内容是变化的，内容少的时候阅读全文

posted @ 2017-02-09 10:43 山涧清泉阅读(268) 评论(0) 推荐(0)

2017年2月9日