UECSS.COM

专注前端开发,关注用户体验,记录成长历程

阻止jQuery事件冒泡

事件冒泡有利有弊,在不需要触发的时候我们果断阻止掉,在jQuery中组织事件冒泡可以使用event.stopPropagation(); 或 return false; 方法来处理,如下:

1.使用event.stopPropagation(); 来阻止:

<script type="text/javascript">
    $(function(){
        $(".clickme").bind("click", function(event){
            alert("clicked");
            event.stopPropagation();
        });
    });
</script>

2.使用return false; 来阻止:

<script type="text/javascript">
    $(function(){
        $(".clickme").bind("click", function(event){
            alert("clicked");
            return false;
        });
    });
</script>

要坚持下去呀~

IntelliJ IDEA下添加jQuery自动提示

最近才开始接触IDEA,精神抖擞,就是纠结半天没有找到jQuery的语法提示,与之相关的中文文档又很少,看了下官方关于IDEA下jQuery提示的设置方法,简单如下:
1.依次打开 File – Project Structure – Global Libraries,如下图:
Project Structure
2. 点击 [+] 按钮,选择下拉菜单中的 “JavaScript”选项,点击添加下载到本地的jquery文件,如jquery-1.4.4.js(注意使用未压缩版本的jQuery库文件),如下图: Continue reading →

修改Chrome浏览器默认背景颜色为浅绿色

这几天公司在赶项目阶段,加了几天班眼睛感觉很累,默认白色背景刺眼,我设置了桌面窗口、代码编辑器默认为浅绿色/草绿色以减轻下高亮带来的眼睛干疼,平常用的浏览器Chrome比较多一些,网上找不到简单的方法,也不想装插件解决,仔细查看安装目录发现加一行CSS样式就能解决。两步即可,具体如下:

建议升级到最新版本的Chrome浏览器再做修改,我之前的是8.***的版本,会有Gmail、Google reader 不正常访问的情况,后来升级到10.0.628.0版本,按照以下方法修改就可以正常使用,体验很好,开始吧~

Chrome 浏览器下设置浅绿色背景(谷歌浏览器绿豆沙背景设置)方法:
1、找到 Chrome 浏览器安装目录下的 Custom.css 样式文件(此文件默认为空)
2、添加以下代码到 Custom.css 样式文件并保存即可

html, body {background-color: #CCE8CC!important;}

注意去掉只读属性(右键 – 属性,去掉只读选项)
Continue reading →

jQstudy-超链接提示效果

HTML部分

<p><a href="#" class="tooltip" title="这是我的超链接提示1.">我的文字提示1.</a></p>
<p><a href="#" class="tooltip" title="这是我的超链接提示2.">我的文字提示2.</a></p>
<p><a href="#" title="这是自带提示1.">自带提示1.</a></p>
<p><a href="#" title="这是自带提示2.">自带提示2.</a></p>

Continue reading →

元旦要搬家

new-year-move
2010年的12月就快要结束了,从上个月经历的一切到现在,让我从低谷期走出,坚强起来,来上海两年多了,搬过两次家,从群租房到合租房.. 再写就消极了~

今天和一个老同学聊天还是两年前消极的话题,喊停,如果两年后还是在谈论自己的目标怎么怎么不明确,工作如何如何不顺,那我们这些“老外”出来是干嘛,跑这么远打酱油的?

那边找到住过去就1月啦,那里有自己的小窝,营造一个学习环境,吸纳足够了才会有所释放。 Continue reading →

酷狗音乐音量偏小问题

上周末入手三星LED显示器BX2231(1180¥熟人,应该没亏吧~),电脑复活了,可是发现平常使用的酷狗音乐音量偏小,一直没找到原因,仔细查看原来是音量合成器-扬声器(Realtek High Definition Audio)中设置问题,自动改掉的,如下图:

Continue reading →

14个有用的jQuery技巧

1.通过方法返回Jquery对象实例

//使用
var someDiv = $('#someDiv').hide();
//代替
var someDiv = $('#someDiv');  someDiv.hide();

2.使用find来查找

//使用
$('#someDiv').find('p.someClass').hide();
//代替
$('#someDiv p.someClass').hide();

因为可以不必触发Jquery的Sizzle引擎,同时在写选择符的时候尽量让您的选择符简单同时优化最右边的选择符

Continue reading →