Jquery实现像百度分享一样的侧边导航栏

一直想找一个像百度分享, Jiathis 一样固定的侧边, 鼠标滑过会显示,滑出又会隐藏的侧过导航栏, 这样的jquery插件, 没有找到, 只有自己大概的写了一个, 差不多的功能都实现了.

继续阅读Jquery实现像百度分享一样的侧边导航栏

Jquery中value属性的使用方法

    Jquery中我们经常要用到获取元素的value, 因为Jquery的易用性, 我们经常想当然地使用,就容易出错.

如有一个<input name="ip" id="ip" value="value">

为了取得value,可能会样写  $("#ip").value;
其实上面的写法是错的, 正确的写法是  $("#ip").val();

同样的道理 改变value值应该是: $("#ip").val("new value"); 

记录一下,以免下次再出错  🙂

 

本页链接:  http://www.dengor.com/archives/253.html

Jquery实现同级元素区别对待

      对一个没有确定数目的element,   如果有的元素跟其它的不一样,处理起来很麻烦.  比如一个网站的导航菜单,我们希望在第每个菜单项的中间加个  | 来分隔, 这样的情形如果每项都用相同的style, 最后的一个也会出现一个分隔, 显然这不是我们所想要的. 所以你必须到程序中设置输出最后一项时,使用不同的Class.  这样程序和页面两个方面都要更改.

     其实如果我们用Jquery的强大元素选择能力,完全可以不用去修改程序,只要在页面和加上几行JS代码就可以实现.

 前提是页面载入了jquery, 加入以下代码:

$(document).ready(function() {
	$("#menu li:last").addClass("noseptation");
});

     其中的$("#menu li:last")就是选择了id为menu的区块最后一个<li> ,后面就是加上一个class,这个class设置没有分隔符就行了. 我们可以看出,

     这种方法很简单, 还可以选择first,second,third…last,都可以加上不同的class. 确实很方便.