jQuery 属性选择器

$(‘[name|=value]‘) 匹配属性值为value或value-形式的元素 $(‘[name*=value]‘) 匹配属性值包含value字符的元素 $(‘[name~=value]‘) 匹配属性值包含value(value为独立的字符串)字符的元素,例如(id=”box1 box2 box3″) $(‘[name$=value]‘) 匹配给定的属性以指定值结尾的元素 $(‘[name=value']) 匹配给定的属性为指定值的元素 $(‘[name!=value]‘) 匹配给定的属性不包括指定值的元素 $(‘[name^=value]‘) 匹配给定的属性以指定值开头的元素 $(‘[name]‘) 匹配拥有给定属性的元素,例如某个元素拥有id属性(<div id=”"></div>) $(‘[name1=value1][name2=value2']) 匹配多组属性 阅读更多

JavaScript鼠标滚动事件

Firefox使用DOMMouseScroll,其他的浏览器使用mousewheel。滚动事件触发时Firefox使用detail属性捕捉滚轮信息,其他的浏览器使用wheelDelta。不知道为何在该问题上其他厂商和微软的如此一致。Firefox可以使用addEventListener方法绑定DomMouseScroll事件。 elem.addEventListener('DOMMouseScroll', func, false); IE和其他的主流浏览器可以使用传统的事件绑定模型。但不要使用IE专有的attachEvent方法,其他主流浏览器并不识别微软的这个方法。下面先测试一下。 鼠标移到此处,滚动滚轮 // 测试之后得到如下的结论。 Firefox 鼠标滚轮向上滚动是-3,向下滚动是3 IE 鼠标滚轮向上滚动是120,向下滚动是-120 Safari 鼠标滚轮向上滚动是360,向下滚动是-360 Opera 鼠标滚轮向上滚动是120,向下滚动是-120 Chrome 鼠标滚轮向上滚动是120,向下滚动是-120 代码尚有不适合之处。网上给的Safari的值为120,不过我测 » » »阅读更多

片言碎语

骑车在路上,突然间想到自己已经好久没有抬头仰望夜空了,习惯了这样平淡的生活,大概再也没有空闲时间去思考一些事情。脑袋中的那些可以穷尽的知识却无法转化为灵活的技巧。星空给予人美丽的幻想,茫茫宇宙神秘莫测,浩瀚的苍穹令人心醉。 平凡的我只停留在关注自身鄙薄的需索之中,未曾静下心来去感知外界的事物。没有想象的人也不会有多大的创造力,困守于抬头见方的屋角下,再也没有任何的欲望与动力。每日的行走像是漂浮的皮囊,裹在里面的是无法见得天日的灵魂。如果没有了思考的能力,整日地陷入对外界盲目的追求之中,人生难免会陷入一种危险的境地。摒弃外界的虚浮,平静浮躁的内心,去找寻心灵的归宿。 博客没有太多的访问量,只是依着自己的兴趣来维护,野心太大反而适得其反。留言的评论大多属于垃圾之类,与题目内容无关,无非一些惯用之词。诸如”顶” “路过”这样的词,无非为了赚取一些外链。说实话,我也想自己的网站有更多的访问量,网上 » » »阅读更多

星级评分之CSS

现在很多网站为了加强与用户的沟通,提供了评分系统,关于商品的好坏,文章的质量如何,都可以加入评分系统。这种系统结合JavaScript与CSS创建,当然最终的结果还是要保存到数据库中。这里先谈谈关于样式的问题,JavaScript暂且不谈,我觉得重要的是如何构建HTML,结合图片素材创建CSS。网上大部分教程都是用的淘宝的HTML结构和CSS样式。淘宝提供的是Sprites图片,通过控制background-position属性来控制图片的显示位置。效果图。 HTML结构问题 <div id="shop-rating"> <ul class="rating-level"> <li><span class="one-star" start:value="20">20</span></li> <!-- or <a class="one-star">..</a> --> <li><span class="two-star" sart:value="40">40</span></li> <li><span class="three-star" sart:value="60">60</span></li>  » » »阅读更多

可怜的本本,受伤的心

郁闷,相当得郁闷啊!服务了两年多的HP笔记本歇菜了,前几个月花了四百大元换了个显卡,估计被人忽悠了。TMD搞得我现在谁都不信了,老是觉得被人骗。索性偶也不修了,其实这是第一次修偶的本本,修好之后总觉得被维修厂家忽悠了,本人也是计算机专业出身,也会查查系统日志啥的,明明就是和他们维修的时间不符合,而且还用我的Firefox上网,MD,怎么不删除历史记录啊!伤心啊!败类!想当初就是在大学没好好学习啊!要是精通硬件,还用的着你们这些骗人的玩意啊!靠!这问题的本源应该在HP头上。Nvidia 8400 GS的显卡本来就有质量问题,还归结为有蟑螂跑到电脑里去了,亏这么大的一家国际企业有这么强的想象力,NND,以后再也不买HP这牌子了,伤透心了。还有那些维修厂家,随便拿几个换掉的旧硬件就凑合着给顾客装上了,过三个月的保质期之后肯定要坏的。而我们这些没胆量的消费者又不敢拆掉本本,哎!这群奸商,不办缺德事会死啊!经过这一系列的事,以后买 » » »阅读更多

JavaScript确定浏览器滚动条的位置

当页面内容过多,超出了浏览器可视区域就会出现滚动条。访问者浏览到当前页面底部的时候,总要通过某种方式来回到头部的导航区域。这时可以利用滚动条,但开发者通常会在页面底部添加一条空链接(<a href=”#”>Top</a>)来帮助访问者回到页面头部。Web观念的革新带来了设计理念的飞跃,良好的用户体验成为Web2.0时代的普遍追求。利用JavaScript技术可以使停留在页面底部的滚动条平稳且带有动画效果地滑到页面头部。这里只是讨论一下关于滚动条的问题,至于要达到动画效果请参考别的文章。 其实获取页面滚动条的位置并不是难点所在,关键是要兼容各家浏览器的不同实现。 HTML文档头部没有<!DOCTYPE..声明时,Chrome和Safari可以得到滚动条的值,其他的浏览器只返回0。建议所有的文档都加上DOCTYPE声明,以便JavaScript可以更好地工作。各主流浏览器可通过以下的方式获取滚动条的值。 Firefox、Opera、IE document.documentElement.scrollTop » » »阅读更多

生活之现状

对于现在的我,写字反而成为了一种负担。穷尽脑汁也搜索不出一个合适的词语,过去感觉的那种与生俱来的天分慢慢流失。本来只是一种兴趣,未曾想过当做谋生的手段,时至今日,不禁感叹,对其他事物过多的追求而不去发展自己喜欢的东西实为一种浪费。明确自己的选择,知道要放弃一些其他的追求,如果齐头并进反而全部陷入一种惶恐之中,什么都浅尝辄止,什么都一事无成。把有限的时间和精力放在同一件事情上,这样才会有所收获。先前懂得的道理,如今却要一遍遍地复习,生怕忘记了,失去了自我,活在一个矛盾的状态中。 每日骑自行车上班,南方的太阳很早就会升起,习惯了北方干燥而温暖的气息,独身来到江南水乡,也要慢慢地融入氤氲朦胧的青山绿水中。并不忙碌的生活,重复单调地似乎让人疯掉,也慢慢明白什么才是一个人的孤单。儿时幻想的独自行走天涯如今却转换成了孤独漂泊,“独在异乡为异客”,想象的美丽终究敌不过现实的无奈,沧桑的岁月见证了聚散离 » » »阅读更多

jQuery基本选择器

基本选择器封装了JavaScript提供的操作DOM的本地函数。比如getElementById(),getElementsByTagName(),或者特定JS引擎所提供的getElementsByClassName()函数。利用jQuery提供的这些选择器可以快速地获取操纵指定的元素。 * $(‘*’) 获取文档中的所有元素(包括html, head, body, etc)。 $('*') $('#all *') id="all"的所有后代元素 #id $(‘#id’) 根据指定的ID属性匹配一个元素。也可以结合CSS选择器的规则获取元素。 $('#id') $('#id_1, #id_2') id="id_1"和id="id_2"的元素 $('#id_1 #id_2') id="id_1"的元素包含id="id_2"的元素 element $(‘element’) 根据给定的元素名获取所有元素 $('div') .class $(‘.class’) 根据给定的类名获取所有元素(多个元素可以拥有相同的类名,一个元素可以有多个类名) $('.class') $(‘selector1, selector2, selectorN’) 合并给定选择器的结果并返回,sele » » »阅读更多

wp_parse_args

wp_parse_args是WordPress提供的众多功能函数中的一个,它将用户提供的数组参数与默认参数合并返回,并且接受类似URL查询类型的字符串参数(i.e.”number=10&order=name”),并把它们转化为数组形式。wp_parse_args返回的是键值数组通常会用在WordPress对数据库读取的操作中。该函数位于(functions.php)中。 <?php function wp_parse_args( $args, $defaults = '' ) { if ( is_object( $args ) ) // 如果$args是一个对象,$r返回的是$args对象公共属性构成的关联数组 $r = get_object_vars( $args ); elseif ( is_array( $args ) ) // 如果$args是一个数组,那么$r取得$args的引用 $r =& $args; else wp_parse_str( $args, $r ); // 如果为其他的形式,那么使用wp_parse_str分解 if ( is_array( $defaults ) ) return array_merge( $defaults, $r ); // array_merge会使用$r的值覆盖$defaults的 return $r; } ?> 改函数调用了P » » »阅读更多

毕业了…

终究还是毕业了… 故事结束,观众离场。关于校园的记忆也悄悄地对着岁月说着再见,掩上那扇门,尘封一段回忆,背着破旧的旅行包,去往梦想的城市。天性中对周围的人有着若即若离的成分,淡薄的情谊被时间轻轻一吹便顿然消散。始终联系的,依然是寥寥可数的几个人,一起逃过课,一起打过游戏。那份情谊会不会随着时间而变得不可追寻,现在下结论还言之过早,对某些事情已经不再抱有幻想,所以心境慢慢归于理性,亦不被他人理解。 班级中一共有多少人已经记不得,或许从来都不明晰有多少人。同宿舍六个人,其中之一常常流亡于其他宿舍,在观念中已经不属于我们那个小小的群体。回校之后同一个宿舍关系依旧是最好的,只不过我们依然是五个人,依旧会有大学时的那种快乐。一年的时间或许太短,大家仍然保留着那份稚气,我也不止一次地被人感觉像是刚出校门的学生,也曾感觉过郁闷,可是多年之后谁还会说我像个学生,也许未来不再,可是曾经有过的那份坚持梦 » » »阅读更多