jQuery事件委托

2012年5月20日

最近看了jquery基础教程,发现了有一个叫做事件委托的概念,利用事件委托可以减少程序占用的内存,维护相对来来说也会简单点,它的原理就是利用事件冒泡把事件绑定在目标元素的父元素上面,比如一个ul可能要嵌套很多个li,这是如果直接用隐式迭代的话占用的内存就比较大了。现在我也养说很多朋友可能还不太清楚,我从下面的例子详细解释一下吧

html代码

<ul class="test">
	<li>1</li>
	<li>2</li>
	<li>3</li>
	<li>4</li>
</ul>

javascript代码

$('.test').live('click', function(e){
	var target = e.target,
	    $target = $(target);
	if ($target.is("li")) {
		$target.css("background-color","#ccc");
	}
});

上面的例子就是把事件绑定在ul上面,利用.target这个方法的找到事件触发的目标元素,在li比较少的情况这种写法还不能体现他的优势,到了li有几十上百个的时候这样就能大大节省程序的内存了。而且使用这种绑定的好处还有以后即使动态添加li,也可以有原来li的效果,关于jQuery的各种绑定方法这里就不再介绍了,可以到官网详细了解各种事件绑定的方法。

jquery 标签:
0 条评论

添加新浪微博秀到wordpress

2012年3月24日

博客已经很久没更新了,一来是找不到什么东西可以写,还有也跟自己的惰性有关,以后要改一改这个习惯了。

废话不多说了,就先说说如何把微博嵌套到网站上面吧,看看本博客的例子吧,上图
微博秀

操作其实很简单,进入这个页面 http://weibo.com/plugins/WeiboShow.php,如下图
微博设置

设置好各个参数之后就可以复制下面的html代码到你博客相应的地方去,还可以从那段代码上设置一些个性化的东西,比如说在我的博客里面就不想显示我的微博和粉丝数,可以在下面的代码设置

src="http://widget.weibo.com/weiboshow/index.php?language=&width=0&height=110&fansRow=2&ptype=1&speed=0&skin=-1&isTitle=1&noborder=1&isWeibo=0&isFans=0&uid=1725938903&verifier=c5955b83&colors=dadad9,ffffff,666666,0082cb,ecfbfd&dpc=1"

注意我把isWeibo和isFans这两个参数都设置为0后,就可以不显示自己的微博和粉丝了,其他的参数相信也不会很难理解,各位有兴趣的可以自己折腾一下

建站技巧 标签:
0 条评论